Угловой пользовательский интерфейс не отображать

Question

В настоящее время я использую ui-select (https://github.com/angular-ui/ui-select) для выпадающих списков. Я включил select.js и select.css в свой файл index.html. Я также установил угловую санитацию через беседку.

Это то, что мой контроллер выглядит следующим образом:

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> 

Однако, на мой взгляд пустой, и это, кажется, не ударять пользовательский интерфейс, выберите директиву ,

Answer 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 не работает.