2014-03-26 34 views
0

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

你必須有別的事情正在進行。這工作正常,如圖所示:http://plnkr.co/edit/nXunX7kXcI7fsdAjk5JJ?p=preview –

回答

2

{{ data }}是一個視圖綁定表達式。它只是根據其範圍內的對象/屬性打印出表達式的值。

如果你想記錄改變的東西,那麼你可以在你的控制器中定義的change()函數中完成。

HTML中顯示的值將是該控制器範圍內數據的最新值。

+0

謝謝,奇怪的是值在我的改變方法看起來不錯,但它只是不顯示在HTML .. +1 – FlyingCat

+0

如果你沒有看到它在視圖中更新,那麼你很可能會以某種方式混淆範圍。如果你想發佈更多的角碼,可能會發生這種情況。 –

+0

Plz請參閱編輯版本。 – FlyingCat

相關問題