2016-06-05 1 views
0

Как отключить переключателе УИ-select- множественного выбора, если нет ни одного пункта, чтобы выбратьОтключить пользовательский интерфейс, выбрать, когда выбранный список пуст -angular

<ui-select 
           multiple theme="bootstrap" 
           ng-model="categories.selected" 
           on-select="selectCategory($item,$model)"> 
          <ui-select-match placeholder="Select Item...">{{$item.name}}</ui-select-match> 
          <ui-select-choices 
            repeat="category in categories.categories track by category.id"> 
           {{category.name}} 
          </ui-select-choices> 
         </ui-select> 

ответ

0

ui-select директива предлагает атрибут ng-disabled.

Пример:

<ui-select 
           multiple theme="bootstrap" 
           ng-model="categories.selected" 
           on-select="selectCategory($item,$model)" 
           ng-disabled="categories.categories.length === 0"> 
          <ui-select-match placeholder="Select Item...">{{$item.name}}</ui-select-match> 
          <ui-select-choices 
            repeat="category in categories.categories track by category.id"> 
           {{category.name}} 
          </ui-select-choices> 
         </ui-select> 
+0

Заполнитель исчезает, когда я изменяю таким образом @AranS –

0

Вы всегда можете использовать ng-disabled отключить любой компонент, представленный Угловыми. Поэтому здесь вы также можете использовать ng-disabled с ui-select.

<ui-select 
           multiple theme="bootstrap" 
           ng-model="categories.selected" 
           ng-disabled="categories.selected.length === 0" 
           on-select="selectCategory($item,$model)"> 
          <ui-select-match placeholder="Select Item...">{{$item.name}}</ui-select-match> 
          <ui-select-choices 
            repeat="category in categories.categories track by category.id"> 
           {{category.name}} 
          </ui-select-choices> 
         </ui-select> 
+0

Заполнитель исчезает, когда я его меняю –