javascript - 如何让ng-options启用后运行？

Question

所以，我有这两个下拉元素，第二个的输出将取决于第一个的输入。第二个下拉列表将第一个下拉列表的输入作为( ng-options="reason for Reason in getReason($ctrl.selectedItem))但是我意识到第二个下拉列表不会等待第一个下拉列表被选择并运行 ng-options ，而是因为它从第一个下拉列表中获取输入。它会导致 null 错误。

如何解决这个问题？

class Items{
  constructor(){
       this.items = ["item1", "item2", "item3"];
       this.selectedItem = null;
       this.stuff = {
          "item1" : ["asdd"],
          "item2" : ["asdasdsd", "asdsddd],
          "item3" : ["asdasdasd]
       };
  }
  getReason(item){
    return this.stuff[item];
  }
}

<select ng-model=“$ctrl.selectedItem” ng-options=“item for item in items”>
</select>
<select  ng-disabled=“!$ctrl.selectedItem” ng-options=“reason for reason in getReason($ctrl.selectedItem)”>

Answer 1

更改您的 getReason，以便在 item 不是“有效”参数时返回空数组。

getReason(item){
    item ? return this.stuff[item] : [];
}

注意:这将使第二个下拉列表保持为空，直到 item 参数有效。