Question

我正在使用角度js选择显示json数组类型的名称。使用下面的代码我可以在选择名称时显示名称它存储一个json对象移动到下一页但是当我回来到选择页面我想显示以前选择的名称，但它显示一个空字段;

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>

控制：

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;
}

当从第一页移动到第二页时，select有一个像{name：'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];

尝试上面的代码并检查它是否能解决您的问题。

angularjs中的Ng选项显示json

1 个答案: