Setzen Sie den Standardwert im Drop-down-Menü mit Angularjs

Ich habe ein Objekt, wie unten beschrieben. Ich habe um diese als drop-down:

var list = [{id:4,name:"abc"},{id:600,name:"def"},{id:200,name:"xyz"}]

In meinem controller habe ich eine variable, die trägt einen Wert ein. Dieser Wert wurde entschieden, welche der drei oben genannten Elemente in dem array ausgewählt werden, die standardmäßig in der Dropdown -:

 $scope.object.setDefault = 600;

Wenn ich ein drop-down-Formular-Element wie folgt:

<select ng-model="object.setDefault" ng-options="r.name for r in list">

Ich vor zwei Problemen:

  1. die Liste generiert wird, als 
    <option value="0">abc</option>
<option value="1">def</option>
<option value="2">xyz</option>

    statt

    <option value="4">abc</option>
<option value="600">def</option>
<option value="200">xyz</option>
  2. Keine option wird standardmäßig ausgewählt, obwohl ich ng-model="object.setDefault"
Kommentar zu dem Problem
In eckige das value-Attribut in den Optionen im index der option innerhalb innerhalb der select-element Kommentarautor: Ajay Beniwal
Ajay..Sie zu sein scheinen Recht. Die Frage ist nun also, wie gebe ich es ein custom Wert Kommentarautor: runtimeZero

InformationsquelleAutor der Frage runtimeZero | 2013-07-23

  1. 19

    Problem 1:

    Der generierte HTML-Code, die Sie bekommen, ist normal. Offenbar ist es eine Eigenschaft Eckig zu sein, kann jede Art von Objekt als Wert für eine Auswahl. Winkel stellt die Zuordnung zwischen der HTML-option-Wert und den Wert in das ng-Modell.
    Siehe auch Umur ' s Kommentar in dieser Frage: Wie kann ich die value-Eigenschaft in AngularJS' ng-Optionen?

    Problem 2:

    Stellen Sie sicher, dass Sie mit der folgenden ng-Optionen:

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

    Und legen diese in Ihren controller wählen Sie einen Standard-Wert:

    object.item = 4

    InformationsquelleAutor der Antwort Stephanie

  2. 9

    Wenn Sie ng-Optionen zum füllen einer select-Liste verwendet er das gesamte Objekt, da der ausgewählte Wert, nicht nur den einzelnen Wert sehen Sie in der select-Liste. Also in deinem Fall würden Sie benötigen, um 

    $scope.object.setDefault = {
    id:600,
    name:"def"
};

    oder

    $scope.object.setDefault = $scope.selectItems[1];

    Ich auch nur empfehlen die Ausgabe des Wertes von $scope.Objekt.setDefault in Ihrer Vorlage, um zu sehen, was ich Rede immer ausgewählt.

    <pre>{{object.setDefault}}</pre>

    InformationsquelleAutor der Antwort Sharondio

  3. 8

    Angesichts 

    <select ng-model="boxmodel"><option ng-repeat="lst in list" value="{{lst.id}}">{{lst.name}}</option></select>

    JS:

    In side controller

     $scope.boxModel = 600;

    InformationsquelleAutor der Antwort Webfreaks

  4. 7

    Können Sie es mit folgenden code(track by),

    <select ng-model="modelName" ng-options="data.name for data in list track by data.id" ></select>

    InformationsquelleAutor der Antwort Lokesh Kumar

  5. 3

    Dies ist eine alte Frage und Sie haben die Antwort bereits.

    Meine plnkr erklärt auf meine Vorgehensweise zum durchführen der Auswahl einer Standard-dropdown-Wert. Im Grunde genommen habe ich eine Dienst würde die Rückkehr der dropdown-Werte [hart codiert-test]. Ich war nicht in der Lage, wählen Sie den Wert standardmäßig und fast einen Tag verbringen und endlich kapiert, dass ich festgelegt haben, sollten $scope.proofGroupId = "47"; statt $scope.proofGroupId = 47; im script.js Datei. Es wurde mir schlecht und ich habe nicht bemerkt, dass ich die Einstellung wurde ein integer-47 anstelle der Zeichenfolge "47". Ich behielt die plnkr, wie es ist, nur im Falle, wenn einige würde man gerne sehen. Hoffentlich, das würde einigen helfen.

    InformationsquelleAutor der Antwort user007

  6. 3
    <select ng-init="somethingHere = options[0]" ng-model="somethingHere" ng-options="option.name for option in options"></select>

    Dies würde zu erhalten, Ihnen das gewünschte Ergebnis Dude 🙂 Cheers

    InformationsquelleAutor der Antwort Amulya Kashyap

  7. 2

    Einige der Szenarien, Objekt.Artikel würde nicht geladen werden oder nicht definiert wird.

    Verwenden ng-init

    <select ng-init="object.item=2" ng-model="object.item"
ng-options="item.id as item.name for item in list"

    InformationsquelleAutor der Antwort Varun Raghunandan

  8. 2
    $scope.item = {
    "id": "3",
    "name": "ALL",
};

$scope.CategoryLst = [
    { id: '1', name: 'MD' },
    { id: '2', name: 'CRNA' },
    { id: '3', name: 'ALL' }];

<select ng-model="item.id" ng-selected="3" ng-options="i.id as i.name for i in CategoryLst"></select>

    InformationsquelleAutor der Antwort satish kumar

  9. -12

    Ich konnte dir helfen mit der html:

    <option value="">abc</option>

    statt

    <option value="4">abc</option>

    festlegen abc als Standard-Wert.

    InformationsquelleAutor der Antwort Tushar Sharma

Schreibe einen Kommentar