Javascript 如何使用Angularjs手表获取新值
当数组中的值发生变化时,我使用angular watch触发回调函数。然后,该函数必须获取已更改的数组中的值。下面是代码和小提琴的链接Javascript 如何使用Angularjs手表获取新值,javascript,angularjs,Javascript,Angularjs,当数组中的值发生变化时,我使用angular watch触发回调函数。然后,该函数必须获取已更改的数组中的值。下面是代码和小提琴的链接 <div ng-app> <h2>Please modify the values, how to watch them?</h2> <div ng-controller="TodoCtrl"> <ul> <li ng-repeat="col in columns">
<div ng-app>
<h2>Please modify the values, how to watch them?</h2>
<div ng-controller="TodoCtrl">
<ul>
<li ng-repeat="col in columns">
<input type="text" ng-model="col.field" />
<input type="text" ng-model="col.displayName" />
</li>
</ul>
</div>
</div>
--------------------------------
function TodoCtrl($scope) {
$scope.columns = [
{ field:'title', displayName: 'TITLE'},
{ field: 'content', displayName: 'CONTENT' }
];
$scope.$watch('columns', function(newVal) {
alert(newVal);
},true);
}
请修改这些值,如何查看它们?
-
--------------------------------
函数TodoCtrl($scope){
$scope.columns=[
{字段:'title',显示名称:'title'},
{字段:'content',显示名称:'content'}
];
$scope.$watch('columns',function(newVal){
警报(newVal);
},对);
}
链接到小提琴:-
使用函数(newVal,oldVal){},第一个参数将返回新值,第二个参数将返回旧值
function TodoCtrl($scope) {
$scope.columns = [
{ field:'title', displayName: 'TITLE'},
{ field: 'content', displayName: 'CONTENT' }
];
$scope.$watch('columns', function(newVal,oldVal) {
alert("OLD Data: "+JSON.stringify(oldVal));
alert("NEW DATA: "+JSON.stringify(newVal));
},true);
}
请参阅工作小提琴示例。