ng-repeatを含むselectでng-changeをトリガーする方法

Question

2つの選択ボックスがあり、最初の選択ボックスが変更されたときに2番目の選択ボックスが自動的に更新されます。

[ 
    {region: "Europe", countries: [{country: "France"}, {country: "UK"}/*, ...*/]}, 
    {region: "Africa", countries: [{country: "Cameroon"}, {country: "Algeria"}]} 
    /*, ...*/ 
] 

このすべては罰金このように動作します：

<label>Region</label> 
<select ng-model="region" 
     ng-change="clear(1)" 
     ng-options="l.region for l in locations" 
></select> 
<br /> 
<label>Country</label> 
<select ng-model='country' 
     ng-change="clear(2)" 
     ng-options="c.country for c in region.countries" 
></select> 

私の場所は次のようになりますJSONオブジェクトです。

最初の選択ボックスの値をヨーロッパに設定したいときに複雑になり、2番目の選択ボックスでng-changeイベントをトリガーしたいと思います。

これはどのように行うのですか？

Answer 1

ng-changeイベントを2番目の選択ボックスでトリガーしたい場合は、モデルregionが変更された場合と同じです。だからあなたはそれを達成するためにウォッチャーを使うことができます。

$scope.$watch('region', function (newValue, oldValue) { 
    console.log(newValue, oldValue); 
}) 

Answer 2

コントローラから手動で関数を呼び出すことができるときに、なぜonchangeイベントをトリガーしたいのですか？また、ng-modelで指定したプロパティの値を手動で設定でき、その値がselect要素に反映されることを忘れないでください。