我正在使用Angular框架,我需要查看单击按钮时是否更改了数据变量。
例如
<button ng-click='change()'>{{data}}</button>
我希望看到数据更改或控制台记录数据变量。 目前它不工作,可能有一个错误。
我可以做以下事情:
<button ng-click='change()'>{{data; console.log(data)}}</button>
感谢您的帮助。
修改
<div ng-app='myApp'>
<button ng-click='change()'>{{data}}</button>
</div>
var app = angular.module('myApp', [])
.controller('Ctrl', ['$scope', function ($scope) {
$scope.data='5'; //this shows correctly.
$scope.change=function(index){
$scope.data = '10'; //doesn't change after I click.
}
答案 0 :(得分:2)
{{ data }}
是视图绑定表达式。它只是根据其范围内的对象/属性打印出表达式的值。
如果您想要记录更改内容,那么您可以在控制器中定义的change()
函数中完成该操作。
HTML中显示的值将是该控制器范围内数据的最新值。