Angularjs選択した項目を選択してください。

Question

プロジェクトでangularjsを使い始めました。ここに私はクエストを持っています。 は私がドロップダウンリストにすべての銀行を反復以下のHTML

<div> 
<label for="lastname">Bank Name :</label> 
<select ui-select2 ng-model="bank.id"> 
    <option></option> 
    <option ng-repeat="bank in banks" value="{{bank.id}}">{{bank.text}}</option> 
</select> 
</div> 

を持っています。ユーザーがSAVEを選択して押します。私はidを正しく取得してDBに保存しました。ユーザーが戻ったとき、私はドロップの値を彼が選択した値に設定できませんでした。私はcontroller.js私はXX銀行であるbankID 11 letssay、それを設定するにはどうすればよい

$http.get('/AdServerLongTail/api/user'). 
success(function(data, status, headers, config) { 
    if(status == 200){ 
     $scope.id = (data["id"]);// user id     
     $scope.bank.id = (data["bankId"]);     
    } 
}). 
error(function(data, status, headers, config) { 
    alert("fail"); 
}); 

でこれを行いますか？

Answer 1

このようにng-repeatは使用しないでください。 ngOptionsをご覧ください。 http://docs.angularjs.org/api/ng.directive:select

Answer 2

私はそれを見つけたので、どうやってそれを逃したのでしょうか。ここに正しいコードがあります。

<div> 
<label for="lastname">Bank Name :</label> 
<select ui-select2 ng-model="bank"> 
    <option></option> 
    <option ng-repeat="bank in banks" value="{{bank.id}}">{{bank.text}}</option> 
</select> 
</div> 

$http.get('/AdServerLongTail/api/user'). 
success(function(data, status, headers, config) { 
    if(status == 200){ 
     $scope.id = (data["id"]);// user id     
     $scope.bank = (data["bankId"]);     
    } 
}). 
error(function(data, status, headers, config) { 
    alert("fail"); 
}); 

Answer 3

これは少し新しくて苦労しました。ここことない簡単なタグがあり、そしてそれはNG-選択される：

<option ng-repeat="bank in banks" value="{{bank.id}}" ng-selected="'11' == bank.id" >{{bank.text}}</option> 

しかし、再び：いけないそれをLanderの助言として、この方法を実行します。むしろにng-optionsを使用してください。そうしないと、モデル内のdropdown.assign bank.selected.idで空の最初のオプションを使用してしまいます。（ここでは、あなたのケースでNG-モデルがbank.id.ある）

<select ng-model="bank.selected.id" ng-change="someAngularfunction()" ng-options=" (''+bank.id) as (bank.id +' - '+ bank.text) for bank in banks"> 
        <option value="">Select one</option> 
</select> 

また、オプションの値はバンクを表示されませんことを覚えておいてください-idオプションではなく、option value = "0"または "1"または "3"をインデックスとして表示します。ただし、ドロップダウンで選択した値はbank.selected.idモデルにバインドされます。たとえば、bank.id = 11（XX銀行）のようにドロップダウン値が選択されている場合、bank.selected.idは「11」に設定されます。