预选择两个下拉菜单以纳克选择在角

我有两个select下拉菜单与第一个填充第二个。我的第一个预选使用ng-selected不过，我可以不知道如何有第二个下拉选择。我一直在使用$scope.Colours.options尝试，但得到的错误：Cannot read property 'options' of undefined error in console log.预选择两个下拉菜单以纳克选择在角

<label for="ColourGroup">Colour Group</label> 
    <select id="ColourGroup" class="form-control" ng-model="ColourGroup" ng-options="cgroup as cgroup.a for cgroup in cgroups track by cgroup.v" ng-selected="{{selected.v == cgroup.v}}"></select> 


    <label for="Colours">Colour/Woodgrain</label> 
    <select id="Colours" class="form-control" ng-model="Colours.options" ng-options="option as option.name for option in ColourGroup.options track by option.id"><option value="">Choose Colour/Woodgrain</option></select>

我这里有一个plunker：https://plnkr.co/edit/mFdRlX2CjZnsm8EFZMiZ?p=preview

如果有人能在正确的方向指向我，将是巨大的。

来源

2017-08-09 S.B

到底是什么问题？蹲伏者似乎在工作？但我可能会误解。 –

我试图用NG-选择在第二个下拉，e.g：颜色组：“平原”和彩色/木纹：“亮白厚度18毫米”都被选中。 –

指令NG-init和NG-变化可以处理它。用这个替换表单标签。你也可以在你的控制器上删除select init。

<form class="form form-inline" ng-controller="Ctrl"> 

    <label for="ColourGroup">Colour Group</label> 
    <select id="ColourGroup" class="form-control" ng-model="ColourGroup" ng-options="cgroup as cgroup.a for cgroup in cgroups track by cgroup.v" ng-init="ColourGroup=cgroups[0]" ng-change="Colours=ColourGroup.options[0]"></select> 


    <label for="Colours">Colour/Woodgrain</label> 
    <select id="Colours" class="form-control" ng-model="Colours" ng-options="option as option.name for option in ColourGroup.options track by option.id" ng-init="Colours=ColourGroup.options[0]"></select> 

</form>

来源

2017-08-10 00:35:02 bigless

十分感谢，认为做的伎俩！ –

预选择两个下拉菜单以纳克选择在角

回答

相关问题