Angular和JavaScript范围用于变量访问

Question

在视图中，我像这样声明控制器：

<div data-ng-controller="myController as myCtrl">
     {{myCtrl.selectedMonth}}
</div>

我希望能够在视图中访问一个月，但是我不希望从视图中访问日期对象。 这样可以吗？ 从视图可以访问testabc吗？ 这是在控制器上具有私有作用域变量的好方法吗？

;(function() {
    'use strict';

    angular
        .module('myApp')
        .controller('myController', myController);

    function myController() {

        var testabc = 'can you see this';
        var dateRef = new Date();
        var vm = this;

        angular.extend(vm, {
                selectedMonth: undefined
        });

        init();

        function init(){

            vm.selectedMonth = dateRef.getMonth();
        }


    }

}());

Answer 1

首先不要触发控制器中的初始化，因为它有时会产生问题。 您可以使用angular ng-init指令。

;(function() {
    'use strict';

    angular
        .module('myApp')
        .controller('myController', myController);

    function myController() {

        var testabc = 'can you see this';
        var dateRef = new Date();
        var vm = this;

        angular.extend(vm, {
                selectedMonth: undefined,
                init:init
        });



        function init(){

            vm.selectedMonth = dateRef.getMonth();
        }


    }

}());

您的看法将是

<div data-ng-controller="myController as myCtrl" ng-init="myCtrl.init()">
     {{myCtrl.selectedMonth}}
</div>

PS是的，您的selectedMonth在视图中可见。

Answer 2

您绑定到范围的任何内容都将在视图中访问。 范围是控制器和HTML视图之间的粘合剂。 如果您只需要访问月份，则将其绑定到vm。

vm.selectedMonth= dateRef.getMonth();

这条线就足够了。