angular.js - Bagaimana untuk mendapatkan lajur data yang dipilih dalam pilihan sudut
大家讲道理
大家讲道理 2017-05-15 17:11:43
0
2
565
<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:"零零四"}
];

Cara mendapatkan data lajur yang dipilih. yang dipilih hanya boleh mendapatkan nilai id, tetapi saya mahu nilai lajur ini. Dan ia tidak mengganggu pemilihan lalai item melalui nilai id. Sebagai contoh, jika saya memilih item ini melalui id:1004, saya bukan sahaja mahukan nilai id tetapi juga semua item dalam lajur ini.

大家讲道理
大家讲道理

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

membalas semua(2)
我想大声告诉你

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>
过去多啦不再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:"零零四"}
];
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan