Javascript 无法填充第二个select语句

我有两个select语句，第一个select语句由我的第一个webservice请求填充。用户在第一个select中选择所需的数据，其中将触发onChange方法来检索第一个select对象，再次运行webservice来检索另一组数据，并填充第二个select语句

HTML:

问题：

1选择第一个select后，该值将从选择框中消失，但valueobject将成功传递给onChange函数

2无法填充第二个选择框

我创建了一个plunkr，在没有Web服务的情况下复制我的问题。谢谢

链接：

select指令与ngModel一起使用，以提供 范围和控件之间的数据绑定，包括 设置默认值

此外，您需要更改第一选择ng模型，因为ng重复正在进行选项，ng模型也与选项相同，应将其更改为某个操作

加价

使用此代码：

第一个ng模型的名称=选项，但在控制器中，还使用$scope.options作为对象数组

此外，在第二种情况下，没有ng模型。但ng期权需要ng模型

我知道你的问题了

这是您的plunker的固定版本

您需要在控制器中添加两个范围变量，以将它们用作ng模型

---

第二次选择的问题是它没有ng模型属性。选择必须具有ng模型属性。

与我的相同：D

<div class="input-label">
  Select Kittens:
</div>
<select
ng-model ="options"
ng-options ="option.name for option in options"
ng-change="onChange(options)">
<option>--</option>
</select>   
<br>
 <div class="input-label">
  Select Age:
</div>  
<select
ng-options ="detail.age for detail in details">
<option>--</option>
</select>

 .controller("ctrl",['$scope',function($scope){
        $scope.options = [
          {id:1, name:'typeA'},
          {id:2, name:'typeB'},
          {id:3, name:'typeC'},
          {id:4, name:'typeD'}
        ]

          $scope.onChange = function(item){
            console.log("Hi world!");
            console.log(item);
            $scope.details = [
          {id:1, age:'11'},
          {id:2, age:'10'},
          {id:3, age:'9'},
          {id:4, age:'6'}
        ]
    };
  }])

<select ng-model="someOpetion" ng-options="option.name for option in options" ng-change="onChange(options)">
    <option>--</option>
  </select>
  <br>
  <div class="input-label">
    Select Age:
  </div>
  <select ng-options="detail.age for detail in details" ng-model="someDetails">
    <option>--</option>
</select>

  <div class="input-label">
    Select Kittens:
  </div>
  <select ng-model="name" ng-options="option.name for option in options" ng-change="onChange(name)">
    <option>--</option>
  </select>

  <br>

  <div class="input-label">
    Select Age:
  </div>
  <select ng-model ="age" ng-options="detail.age for detail in details">
    <option>--</option>
  </select>