angular.js - angular select如何获取选中的数据列

Question

<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:"零零四"}
];

如何获取选中的那一列数据。selected 只能获取到id值，但是我想要这一列的值。并且不干扰通过id值默认选中某一项。比如说我通过id:1004选中了这一项，我不单单要id值还要这一列的所有中。

Answer 1

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>

Answer 2

<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:"零零四"}
];