2016-07-29 2 views
1

Мне нужно добавить два варианта: ui-select, и вместо использования повтора и массива я думаю, что код становится яснее, если они помечены внутри <ui-select-choices> (см. Пример ниже). Но это не работает, никаких идей, если это возможно?ui-select без ng-repeat

 <ui-select ng-model="formula.value"> 
     <ui-select-match> 
      <span ng-bind="$select.selected.name"></span> 
     </ui-select-match> 
     <ui-select-choices> 
      <span>AND</span> 
      <span>OR</span> 
     </ui-select-choices> 
    </ui-select> 

ответ

1

Это невозможно, так как ui-select-choicesтребует атрибут repeat, как видно на линии 21 в the source. Вместо этого, следующая разметка работает и не жертвует читаемость, IMO:

<ui-select ng-model="formula.value" theme="bootstrap"> 
    <ui-select-match>{{ $select.selected }}</ui-select-match> 
    <ui-select-choices repeat="choice in ['AND', 'OR']"> 
    <span>{{ choice }}</span> 
    </ui-select-choices> 
</ui-select> 

Plunker

Смежные вопросы