프로그래밍 방식으로 ng-options를 onsen UI의 select 태그에 추가하는 방법은 무엇입니까?

Question

angularJS를 사용하여 onsen ui의 select 태그에 프로그래밍 방식으로 ng-options를 추가하는 방법은 무엇입니까?

영어 불쌍해서 고맙습니다.

Answer 1

아이디와 이름이있는 모델 목록을 사용하십시오. 예를 들어 ,

<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는 개, 고양이 bunney에서 하나를 선택할 수 있습니다, 처음

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" } ]; 
    } 
}); 

입니다.
변경 앵커를 클릭 한 후 늑대, 사자 및 토끼 중 하나를 선택할 수 있습니다.