Угловой и 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

Все, что вы связываете с областью действия, будет доступно на вид. Область - это клей между вашим контроллером и вашим HTML-представлением. Если вам нужен только месяц для доступа, просто привяжите его к vm.

vm.selectedMonth= dateRef.getMonth(); 

Эта линия будет достаточно.

Answer 2

Первый запуск триггера в контроллере, поскольку он иногда создает проблемы. вы можете использовать угловую директиву 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> 

P.S да selectedMonth видна в поле зрения.