Javascript 变量和作用域

Question

我是 Javascript 和 Angular 的新手，对以下代码的执行方式有些困惑:

angular.controller('TestController',function($scope){
    $scope.counter = {clicks:0};
    $scope.count = function(){
        $scope.clicks += 1;
    }
});

我可以写 $scope.clicks += 1 并且计数正确地增加 1。counter 不是一个 Javascript 对象而且我们不必将它写成 $scope.counter.clicks += 1 吗？

Answer 1

你是对的。它是一个 javascript 对象，如果这是您要递增的变量，您应该编写 $scope.counter.clicks += 1。

我假设您正在使用 {{clicks}} 进行绑定(bind)，因此您认为它工作正常，但事实并非如此(这是范围)。您应该绑定(bind) {{counter.clicks}} 以查看“真实”值。

您可以在 count() 函数中编写 console.log 行以查看 $scope.counter.clicks 的真实值并自行检查。