我在.html页面中有一个下拉列表,
落下:
<select ng-model="blisterPackTemplateSelected" data-ng-options="blisterPackTemplate as blisterPackTemplate.name for blisterPackTemplate in blisterPackTemplates">
<option value="">Select Account</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我想在用户选择值时执行操作.所以在我的控制器中我做到了:
控制器:
$scope.$watch('blisterPackTemplateSelected', function() {
alert('changed');
console.log($scope.blisterPackTemplateSelected);
});
Run Code Online (Sandbox Code Playgroud)
但是更改下拉列表中的值不会触发代码: $scope.$watch('blisterPackTemplateSelected', function()
结果,我ng_change = 'changedValue()'在select标签上尝试了另一种方法:
和
功能:
$scope.changedValue = function() {
console.log($scope.blisterPackTemplateSelected);
}
Run Code Online (Sandbox Code Playgroud)
但是blisterPackTemplateSelected存储在子范围内.我读到父母无法访问子范围.
当下拉列表中的选定值发生变化时,执行某些操作的正确/最佳方法是什么?如果它是方法1,我的代码怎么办?