Javascript 在我的例子中，如何检查变量的值？

我正在使用Angular framework，我需要在单击按钮时查看数据变量是否已更改

比如说

 <button ng-click='change()'>{{data}}</button>

{{data}

我希望看到数据是否发生了变化，或者控制台是否记录了数据变量。 目前它不工作，可能有一个错误

我可以做如下操作：

 <button ng-click='change()'>{{data; console.log(data)}}</button>

{{data；console.log（data）}

谢谢你的帮助

编辑：

<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.
 }

{{data}}
var app=angular.module（'myApp'，[]）
.controller（'Ctrl'，['$scope'，函数（$scope）{
$scope.data='5'；//这显示正确。
$scope.change=函数（索引）{
$scope.data='10'；//单击后不会更改。
}

{{data}}

是一个视图绑定表达式。它只是根据其作用域中的对象/属性打印表达式的值

如果您想在更改中记录一些内容，则可以在控制器中定义的

change（）

函数中完成

---

HTML中显示的值将是该控制器作用域中数据的最新值。

谢谢，奇怪的是，该值在“我的更改”方法中看起来不错，但在HTML中却没有显示。+1如果您在视图中看不到它的更新，那么您很可能会以某种方式混淆作用域。如果您想发布更多的更改信息在代码中，发生这种情况的地方可能很明显。您必须有其他事情发生。此操作非常简单，如图所示：