html – AnglularJS：根据第一个选择下拉列表的选择填充第二个选择下拉列表

概述我有一组选择下拉菜单,我试图根据angularJS中第一个选择下拉选项填充第二个选择下拉列表.我不知道如何从这开始. 我已准备好所有模型,但我正在与动态人口斗争. 选择1： <select ng-model="selectedSource" ng-options="source.name for source in sourceList"> <option value="">-- S 我有一组选择下拉菜单,我试图根据angularJs中第一个选择下拉选项填充第二个选择下拉列表.我不知道如何从这开始.

我已准备好所有模型,但我正在与动态人口斗争.

选择1：

<select ng-model="selectedSource" ng-options="source.name for source in sourceList">       <option value="">-- Select item --</option>    </select>$scope.sourceList= [    {       "name":"Person","has": ["a","b","c"]    },{       "name":"Car","has": ["1","2","3"]    }];

我想要实现的目标：

当sourceList.name为Person时,使用targerSet1填充第二个select-dropdown

$scope.targerSet1= [   {      "name":"King JulIEn"   }];

当sourceList.name为Car时,使用targerSet2填充第二个select-dropdown

$scope.targerSet2= [   {      "name":"RoyalMobile"   }];

@H_403_32@解决方法 你可以使用第一个选择第二个ng-options中的binded变量：

选择

<select ng-model="selectedSource" ng-options="source.name for source in sourceList">    <option value="">-- Select item --</option></select><select ng-model="selectedItem" ng-options="item.name for item in selectedSource.suboptions">    <option value="">-- Select item --</option></select>

调节器

$scope.sourceList = [    {       name: "Person",suboptions: [           { name: "King JulIEn" }       ]    },{       name: "Car",suboptions: [           { name: "RoyalMobile" }       ]    }];

总结

以上是内存溢出为你收集整理的html – AnglularJS：根据第一个选择下拉列表的选择填充第二个选择下拉列表全部内容，希望文章能够帮你解决html – AnglularJS：根据第一个选择下拉列表的选择填充第二个选择下拉列表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。