.htmlページにドロップダウンリストがあります。
落ちる:
<select ng-model="blisterPackTemplateSelected" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates">
<option value="">Select Account</option>
</select>
ユーザーが値を選択したときにアクションを実行したい。だから私のコントローラーでは:
コントローラ:
$scope.$watch('blisterPackTemplateSelected', function() {
alert('changed');
console.log($scope.blisterPackTemplateSelected);
});
ただし、ドロップダウンリストの値を変更しても、コードはトリガーされません。 $scope.$watch('blisterPackTemplateSelected', function()
その結果ng_change = 'changedValue()'
、selectタグで:を使用して別の方法を試しました
そして
関数:
$scope.changedValue = function() {
console.log($scope.blisterPackTemplateSelected);
}
ただし、これblisterPackTemplateSelected
は子スコープに格納されます。親が子スコープにアクセスできないことを読みました。
ドロップダウンリストで選択した値が変更されたときに何かを実行する正しい/最良の方法は何ですか?方法1の場合、コードで何が問題になっていますか?