如何在Angular JS控制器的作用域變量中更新Vanilla JS變量

Question

var a=1;
function counterincrease(){
    a++;
}  
angular.module('myapp')  
    .controller('MainCtrl',function($scope){  
        $scope.b = a;  
    });

我想在$scope.b繼續跟蹤變量a

<button onclick="counterincrease()">Click me</button>

如何保持追蹤？ 我試圖將手表戴在上a但無法正常工作。

Answer 1

使用ng-click

<button ng-click="counterincrease()">Click me</button>

在$scope創建一個counterincrease函數，然后從中調用全局方法並在ngClick處理程序中更新b 。

angular.module('myapp')
    .controller('MainCtrl', function ($scope) {
        $scope.b = a;
        $scope.counterincrease = function(){
             counterincrease();
             $scope.b = a;
        };
    });

---

無需在“全局范圍”中定義功能。 我建議您使用Angular service或factory

var app = angular.module('myapp');
app.controller('MainCtrl', ['$scope', 'myFactory', function ($scope, myFactory) {
    $scope.b = myFactory.getData();
    $scope.counterincrease = function () {
        myFactory.counterincrease();
        $scope.b = myFactory.getData();
    };
}]);

app.factory('myFactory', function ($http) {
    var a = 0;
    return {
        counterincrease: function () {
            return a++;
        },
        getData: function () {
            return a;
        }
    };
});