在Angular中,可以使用$watch
函数来监听ng-model
的变化,并在变化发生时执行相应的操作。以下是一个示例代码:
HTML模板:
控制器代码:
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.selectedItem = '';
$scope.handleChange = function() {
$scope.$watch('selectedItem', function(newValue, oldValue) {
// 根据选择的项执行相应的操作
if (newValue === '1') {
// 执行操作1
} else if (newValue === '2') {
// 执行操作2
} else if (newValue === '3') {
// 执行操作3
}
});
};
});
在上述示例中,当标签中的
ng-model
绑定的selectedItem
的值发生变化时,$watch
函数会监听到变化,并执行相应的操作。你可以根据选择的项的值来执行不同的操作。
注意:在实际项目中,建议将逻辑代码放在服务或工厂中,然后由控制器调用相应的方法。这样可以实现代码的解耦和重用。