выберите не работает с нг-повтор в ионной структуре

0

Я использую ionic-framework, я пытаюсь отобразить выпадающий список из списка элементов, но он не работает. это происходит как слова рядом друг с другом, но не как выпадающее меню или выпадающее меню

HTML

<label class="item item-input item-select">
<select ng-model="food.customise">
  <option ng-repeat="cus in food.customise">{{cus}}</option>
</select>
</label>
Теги:
ionic-framework

3 ответа

0

Попробуй это:

<label class="item item-input item-select">
<select ng-model="food.customise" ng-options="cus in food.customise"></select>
</label>
0

Попробуйте этот код:

<label class="item item-input item-select">
<select ng-model="selectedItem" ng-change="update(selectedItem)"  ng-init="selectedItem='Selec item'">
  <option ng-repeat="cus in food.customise">{{cus}}</option>
</select>
</label>

Код контроллера:

  $scope.update = function(selectedItem) {
      $scope.selectedItemValue = selectedItem;
  }
0

Я предполагаю, что food.customise - это объект. Вы можете использовать ng-options вместо ng-repeat. И используйте другое название модели.

https://docs.angularjs.org/api/ng/directive/ngOptions

Ещё вопросы

Сообщество Overcoder
Наверх
Меню