要获取AngularJS中的input值在其发生改变后的scope值,可以使用ng-model指令和$scope.$watch函数来实现。
首先,在HTML中使用ng-model指令将input元素与一个$scope变量绑定起来。例如:
接下来,可以在控制器中使用$scope.$watch函数来监听input值的变化,并在值变化后执行相应的操作。例如:
angular.module('myApp', []).controller('myController', function($scope) {
$scope.inputValue = ''; // 初始化input的值
$scope.$watch('inputValue', function(newValue, oldValue) {
// 在input值发生变化后执行的操作
console.log('New value:', newValue);
console.log('Old value:', oldValue);
});
});
在上述代码中,$scope.$watch函数会监听$scope.inputValue的变化,并在值变化后执行传入的回调函数。回调函数的第一个参数是新的值newValue,第二个参数是旧的值oldValue。
当input的值发生改变时,控制台会打印出新的值和旧的值。
注意:要将ng-app和ng-controller指令添加到HTML元素中,以确保AngularJS能够正确运行。例如:
在上述代码中,ng-app指令将应用程序定义为myApp模块,ng-controller指令将控制器定义为myController控制器。