angularjs - Angular $scope 作为一个对象文字或多个 $scope

Question

假设我有以下 Controller

angular.module('scopeExample', [])
    .controller('MyController', ['$scope', function ($scope) {
        $scope.username = 'World';

        $scope.sayHello = function () {
            $scope.greeting = 'Hello ' + $scope.username + '!';
        };
}]);

我有什么理由不应该使用对象字面量

angular.module('scopeExample', [])
    .controller('MyController', ['$scope', function ($scope) {
        $scope.viewModel = {
            greeting: '',
            username: 'World',
            sayHello: function(){
                this.greeting = 'Hello ' + this.username + '!';
            }
        };
}]);

Answer 1

我个人更喜欢使用对象字面量而不是绑定(bind)所有 $scope。它易于管理和良好实践。

angular.module('scopeExample', [])
.controller('MyController', ['$scope', function ($scope) {
    var viewModel = {
        greeting: '',
        username: 'World'
    };

    viewModel.sayHello = function () {
        this.greeting = 'Hello ' + this.username + '!';
    };
    $scope.viewModel = viewModel;
}]);