La liaison à la fois de la valeur et du texte, sélectionnez le menu déroulant en angular.js

J'ai cette liste déroulante dans ma page

<select 
    ng-options="col.col_id as col.col_name for col in meta_data.x_cols"
    ng-model="obj.x">
</select>

Puisque le modèle est défini à obj.x, je peux accéder à l'aide de $scope.obj.x dans toute $scope fonction.

Naturellement, il donne la value de l'option sélectionnée. Est-il un moyen par lequel je peux obtenir le texte sélectionné ainsi? par exemple, pour lier obj.x et obj.x_text le texte de l'option sélectionnée.

il suffit de déposer le "comme"ng-options="col.col_name for col in meta_data.x_cols". ensuite, un modèle de l'objet entier. Voici un exemple - jsfiddle.net/devitate/LKeQz
Merci @Dylan. Il fonctionne

OriginalL'auteur Salman | 2014-08-11

  1. 9

    Si vous liez le col et pas de col.col_id:

    <select 
    ng-options="col as col.col_name for col in meta_data.x_cols track by col.col_id"
    ng-model="obj.x">
</select>

    vous serez en mesure d'accéder à la fois à col_id et nom_col de $champ d'application.obj.x:

    $scope.obj.x.col_id
$scope.obj.x.col_name
    Hey, il a résolu le problème, mais qui ont créé de nouveaux problèmes. Quand j'ai changer de modèle, il n'a pas de mise à jour de la vue. Je pense que maintenant c'est un objet, l'égalité serait un échec, car ({} != {}).
    Pouvez-vous partager un plunkr illustrant le comportement?
    Voici un violon jsfiddle.net/x8rq2pda/3. Voir comment la deuxième sélection est de ne pas obtenir la valeur attribuée à l'.
    à l'aide angulaire 1.2 et au-dessus, vous pouvez utiliser la piste, voir jsfiddle.net/qomn86k3
    Merci man, vous êtes génial. Je souhaite que je pourrais ré-accepter la réponse. 🙂

    OriginalL'auteur apairet

  2. 0

    Pourquoi ne pas utiliser ng-repeat sur les options de la balise..

    pour l'e.g

    <select 
    ng-options="col.col_id as col.col_name for col in meta_data.x_cols"
    ng-model="obj.x">

    <option
      ng-repeat="col in meta_data.x_cols"
      value="{{col.id}}"
    >{{col.name}}</option>

</select>
    Je n'aime pas cette approche pour les grandes listes que le rendu est beaucoup plus lente dans IE 11/Edge (je suis sûr que d'autres versions précédentes d'IE trop)

    OriginalL'auteur Manish Kr. Shukla