angularjs - 在 AngularJS 中，为什么不能通过简单的函数访问 $scope 变量？

Question

我的代码如下所示:

angular.module('xyz', [])
    .controller('listController', ['$scope', 
        function($scope) {
            $scope.deliveryOptions = 0;
            var vm = this;

            function doTransaction() {
                console.log('delivery options is ' + vm.$scope.deliveryOptions);
            }
        }
    ]);

在 console.log(delivery options) 中，它给我错误，它无法获取未定义或 null 引用的属性“deliveryOptions”。那么我如何访问该变量呢？

Answer 1

问题是 $scope 没有在 vm 对象上定义。要解决这个问题，您应该像这样定义 $scope 对象上的所有内容

angular.module('xyz', [])
    .controller('listController', ['$scope', 
        function($scope) {
            $scope.deliveryOptions = 0;

            $scope.doTransaction = function() {
                console.log('delivery options is ' + $scope.deliveryOptions);
            }
        }
    ]);

或者在虚拟机对象上

angular.module('xyz', [])
    .controller('listController', 
        function() {
            var vm = this;
            vm.deliveryOptions = 0;

            vm.doTransaction = function() {
                console.log('delivery options is ' + vm.deliveryOptions);
            }
        }
    );

混合 vm 和 $scope 并不是最好的方法