选择不在离子框架中使用ng-repeat

Question

我正在使用离子框架，我试图从项目列表中选择下拉选项，但它不起作用。它是作为彼此相邻的单词而不是下拉列表或可选择的下拉列表

HTML

<label class="item item-input item-select">
<select ng-model="food.customise">
  <option ng-repeat="cus in food.customise">{{cus}}</option>
</select>
</label>

Answer 1

我假设food.customise是一个对象。您可以使用ng-options而不是ng-repeat。并使用不同的型号名称。

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

Answer 2

试试这段代码：

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

Answer 3

试试这个：

   data:formdata,