2016-01-08 24 views
6

現在、ドロップダウンリストにui-select(https://github.com/angular-ui/ui-select)を使用しています。 index.htmlファイルにselect.jsとselect.cssを含めました。私はバワーを使って角殺菌剤をインストールしました。角度UIの選択が表示されない

これは私のコントローラは次のようになります。

use strict'; 

angular.module('myApp.home', [ 'ui.select',  'ngSanitize']).controller('ScheduleCtrl', ScheduleCtrl); 
ScheduleCtrl['$inject'] = [ '$stateParams', '$state' ]; 
function ScheduleCtrl($stateParams, $state) { 
    var vm=this; 

    vm.itemArray = [ 
        {id: 1, name: 'first'}, 
        {id: 2, name: 'second'}, 
        {id: 3, name: 'third'}, 
        {id: 4, name: 'fourth'}, 
        {id: 5, name: 'fifth'}, 
       ]; 

    vm.scheduleEvents = [{ 
     id:1, 
     name:'Event1' 
    }, 
    { 
     id:2, 
     name:'Event2' 
    }]; 

} 

そして、私のビューが含まれています

<ui-select ng-model="selectedItem"> 
    <ui-select-match> 
     <span ng-bind="$select.selected.name"></span> 
    </ui-select-match> 
    <ui-select-choices repeat="item in (vm.itemArray | filter: $select.search) track by item.id"> 
     <span ng-bind="item.name"></span> 
    </ui-select-choices> 
</ui-select> 

はしかし、私の見解は空白になり、それは、UI選択ディレクティブを打つことしていないようです。

+0

私はplunkr/jsfiddleがデモに取り組んだ手順を比較しながら、さらにデバッグするのに最適だろうと信じています。http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview動作するはずです。コンソールに何かエラーがありますか? –

+0

私は今、plnkrをまとめています。コンソールにエラーはありません。 – erichardson30

+0

は、あなたがする '{{item.nameが}}'の代わりに '<スパンNG-バインド= "item.name">' UI-選択 - 選択肢内部のタグを試してみました@erikSvedinそれだけでは何も表示されないのですか? –

答えて

1

(および)を削除します。

<ui-select-choices repeat="item in vm.itemArray | filter: $select.search track by item.id"> 
    <span ng-bind="item.name"></span> 
</ui-select-choices> 

plunkerを参照してください。

あなたがテストすることができますもう一つは、この行をコメント:

//ScheduleCtrl['$inject'] = [ '$stateParams', '$state' ]; 

私はそれが何をしているのかわからなかったが、それにplunker上の例では動作しません。

+0

私は画面上にドロップダウンを表示していません。私が信じる問題は、指示をどのように読み込んでいるかです。私はそれがそれを見ているとは思わない。私がplnkrで基本的な例を作成すると、それは問題ありません。 – erichardson30

+0

どのようにあなたはそのページのコントローラを呼び出していますか? –

+0

コントローラは、ルートから呼び出されている: .state( 'home.schedule'、{ URL: "/スケジュール"、 templateUrl: "ホーム/ schedule.html"、 コントローラ: "ScheduleCtrl"、 controllerAs ' vm ' }) – erichardson30

関連する問題