angulaire.js - Comment obtenir la colonne de données sélectionnée dans la sélection angulaire
大家讲道理
大家讲道理 2017-05-15 17:11:43
0
2
567
<p>选项,{{selected}}</p>
<select ng-model="selected" ng-options="item.id as item.name for item in selectData">
        <option value="">-- 请选择 --</option>
</select>
$scope.selected = 1004;
$scope.selectData = [
    {id:1001,name:"零零一"},
    {id:1002,name:"零零二"},
    {id:1003,name:"零零三"},
    {id:1004,name:"零零四"}
];

Comment obtenir les données de la colonne sélectionnée. sélectionné ne peut obtenir que la valeur de l'identifiant, mais je veux la valeur de cette colonne. Et cela n'interfère pas avec la sélection par défaut d'un élément via la valeur id. Par exemple, si je sélectionne cet élément via id:1004, je veux non seulement la valeur id mais également tous les éléments de cette colonne.

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

répondre à tous(2)
我想大声告诉你

Ne pensez-vous pas qu'il y a une contradiction dans vos besoins ? Vous attribuez une valeur id à ng-model, mais vous attendez également que la valeur de ng-model soit un objet ?

Si vous souhaitez que le modèle ng final soit une colonne, mais que vous ne pouvez donner que la valeur d'identification d'un élément sélectionné (qui devrait être celui que vous avez rencontré lors de l'édition de la page), vous pouvez d'abord filtrer l'élément correspondant en donnant le id et attribuez-le à la sélection. Et l'expression ng-options doit être remplacée par item as item.name for item in selectData track by item.id

$scope.selectData = [
  {id:1001,name:"零零一"},
  {id:1002,name:"零零二"},
  {id:1003,name:"零零三"},
  {id:1004,name:"零零四"}
];
$scope.selected = $scope.selectData.filter(item => item.id === 1004)[0];
<select ng-model="selected" ng-options="item as item.name for item in selectData track by item.id">
    <option value="">-- 请选择 --</option>
</select>
过去多啦不再A梦
<p>选项,{{selected}}</p>
<select ng-model="selected" ng-options="item.name for item in selectData">
        <option value="">-- 请选择 --</option>
</select>
$scope.selected = $scope.selectData[3];
$scope.selectData = [
    {id:1001,name:"零零一"},
    {id:1002,name:"零零二"},
    {id:1003,name:"零零三"},
    {id:1004,name:"零零四"}
];
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal