Angular UI Select wird nicht angezeigt

Question

Ich verwende derzeit UI-Select (https://github.com/angular-ui/ui-select) für Dropdowns. Ich habe select.js und select.css in meine index.html Datei aufgenommen. Ich habe auch angular-sanitize durch Laube installiert. Diese

ist, was mein Controller wie folgt aussieht:

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' 
    }]; 

} 

Und meiner Ansicht nach enthält:

<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> 

aber meiner Meinung nach ist leer, und es scheint nicht die ui-select-Richtlinie zu treffen .

Answer 1

Entfernen Sie ( und ).

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

Siehe unter plunker.

Eine andere Sache, die Sie testen können, kommentieren Sie diese Zeile:

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

Ich habe nicht verstanden, was es tut, aber mit ihm das Beispiel auf Plunker funktioniert nicht.