如何在我的情况下检查变量的值?

时间:2014-03-26 18:04:12

标签: javascript angularjs

我正在使用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.
 }

1 个答案:

答案 0 :(得分:2)

{{ data }}是视图绑定表达式。它只是根据其范围内的对象/属性打印出表达式的值。

如果您想要记录更改内容,那么您可以在控制器中定义的change()函数中完成该操作。

HTML中显示的值将是该控制器范围内数据的最新值。