angularjs中的Ng-options顯示從JSON中選擇的值

Question

我正在使用angular js select來顯示json數組類型的名稱。使用下面的代碼，當我選擇一個名稱時，我可以顯示名稱，它存儲了一個json對象，該對象將移動到下一頁，但是當我返回到select時我想顯示先前選擇的名稱頁面，但它顯示一個空字段；

HTML：

<select class="formSelect"
              ng-model="vm.product.farmer"
              ng-change="vm.fillStarted()"
              ng-options="farmer as farmer.name for farmer in vm.load.selectedFarmers">
                    <option value="" selected hidden />
                </select>

Ctrl：

vm.load.selectedFarmers = getFarmers();
function getFarmers () {
  farmers = [
    { name: 'Nidhin', id: 22 },
    { name: 'Sathish', id: 10 },
    { name: 'Kumar', id: 23 },
    { name: 'Rajkumar', id: 24 }
  ];
  return farmers;
}

從第一頁移至第二頁時，所選內容具有{{：'Nidhin'，id：22}這樣的對象

從第二頁回到第一頁時，如何顯示所選名稱？

Answer 1

您可以根據可以更改ng-model值的位置檢查所選數據的位置

if (CommonService.isValid(vm.product.farmer)) {
    vm.currentPosition = vm.load.selectedFarmers.findIndex(function (item) {
      return item.id === vm.product.farmer.id;
    });
  } else {
    vm.currentPosition = -1;
  }
  vm.product.farmer = vm.load.selectedFarmers[vm.currentPosition];

嘗試上面的代碼，並檢查它是否可以解決您的問題。