如何在onsen ui中以编程方式将ng-options添加到select标签中？

Question

如何使用angularJS以编程方式将ng-options添加到onsen ui中的select标签中？

谢谢你，对不起我的英语很差。

Answer 1

你应该使用具有id和名称的模型列表。 例如，

<select ng-model="model_selected.id" ng-options="model.id as model.name for model in list"></select>

添加：  下面是一个详细的例子。 Html是

<div ng-controller="MyCtrl">
<select ng-model="model_selected.id" ng-options="model.id as model.name for model in list"></select>
<div ng-click="change()">Change</div>
</div>

和js是

app.controller('MyCtrl',function($scope) {  
  $scope.list = [ { "id" : "1" , "name" : "Dog" } , { "id" : "2" , "name" : "Cat" } , { "id" : "3" , "name" : "Bunny"} ];
    $scope.change = function() {
    $scope.list = [ { "id" : "1" , "name" : "Wolf" } , { "id" : "2" , "name" : "Lion" } , { "id" : "3" , "name" : "Hare" } ];
  }
});

最初，你可以从狗，猫和bunney中选择一个 点击更改锚点后，您可以从狼，狮子和野兔中选择一个。