角度で選択された2つのドロップダウンを事前に選択

Question

2つのドロップダウンがあり、最初のドロップダウンは2番目のドロップダウンに移ります。私は2番目のドロップダウンを選択している方法を考え出すことはできませんしかしng-selectedを使用して事前に選択された最初のものを持っています。誰かが正しい方向に私を指すことができる場合https://plnkr.co/edit/mFdRlX2CjZnsm8EFZMiZ?p=preview

素晴らしいことだ：私はここにplunkerを持って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> 

：私は$scope.Colours.optionsを使用してみましたが、エラーを取得しています。

Answer 1

ディレクティブは、init-ngのと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>