Angularjs Option auswählen Ausgewählt Standard

Question

Ich habe angularjs in einem Projekt verwendet. Hier habe ich eine Aufgabe. Ich habe die unten 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> 

ich iterieren alle Banken auf die Dropdown-Liste. Benutzer wählt und drückt SAVE. Ich habe die ID korrekt und speichern sie in der DB. Wenn der Benutzer zurückkommt, konnte ich den Wert des Drop-Downs nicht auf den Wert setzen, den er ausgewählt hat. Ich tue dies in den controller.js

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

Wie kann ich es BankID 11 letssay gesetzt, die XX Bank ist?

Answer 1

Sie sollten auf diese Weise NICHT ng-repeat verwenden. Bitte schaue auf ngOptions http://docs.angularjs.org/api/ng.directive:select

Answer 2

Ich fand es, so einfach, wie ich das verpasst habe. Hier ist der richtige Code.

<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

Ich bin neu zu eckig und kämpfte dafür ein bisschen. Hier ist die einfache Tag, der das tut, und es wird ng-Auswahl:

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

Aber auch hier: Dont tun es auf diese Weise, wie durch Lander beraten. Verwenden Sie stattdessen ng-options in <select>. Andernfalls werden Sie mit leerer erster Option im dropdown.assign bank.selected.id in Modell enden. (Hier in Ihrem Fall ng-Modell ist 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> 

Denken Sie auch daran, dass der Wert Option wird nicht die Bank zeigt -Ist in den Optionen, es zeigt Option Wert = "0" oder "1" oder "3", die Index ist. Der ausgewählte Wert im Dropdown-Menü wird jedoch an das Modell bank.selected.id gebunden. Wenn z. B. der Dropdown-Wert für z. B. bank.id = 11 (XX Bank) ausgewählt wird, wird bank.selected.id auf "11" gesetzt.