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

Tidakkah anda fikir terdapat percanggahan dalam keperluan anda anda menetapkan nilai id kepada model ng, tetapi anda juga mengharapkan nilai model ng menjadi objek?

Jika anda mahu model ng terakhir menjadi lajur, tetapi anda hanya boleh memberikan nilai id item yang dipilih (yang sepatutnya menjadi yang anda temui semasa penyuntingan halaman), anda boleh menapis item yang sepadan dahulu dengan memberikan id dan serahkan kepada yang dipilih. Dan ungkapan ng-options perlu ditukar kepada 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:"零零四"}
];