이유는 브레이크 포인트를

Question

HB.Core.Directives.directive('hbMultiselect', [ 
    function() { 
     return { 
      restrict: 'E', 
      templateUrl: '/hb-core/library/directives/hb-multiselect/hb-multiselect-ptl.html', 
      scope: {}, 
      controllerAs: '$ctrl', 
      bindToController: { 
       optionsData: '<', 
       optionsSelected: '=', 
       allSubtypesSelected: '=' 
      }, 
      controller: function() { 
       var $ctrl = this; 

       // $ctrl.$onInit = function() { 
       //  console.log(this); // Tried this... didn't work either 
       // }; 

       function init() { 
        $ctrl.isExpanded = false; 
        $ctrl.optionsDisplay = []; 
        $ctrl.tags = []; 
        console.log("------") 
        console.log($ctrl); 
        console.log("------")  
>>>>>>>>>>>>>>>>>>>>**BREAK POINT HERE**     
       } 
       init(); 
      } 
     }; 
    } 
]); 

있을 때 나는없이 중단 점을 코드 를 실행하면 내 angular1.6 컨트롤러가 I이

바인딩을 얻을 제대로 결합하지 않는 optionsData, optionsSelected 및 allSubtypesSelected` 예상대로 작동합니다. 내가 (위의 코드에 지정된) 코드 내가 얻을에 중단 점을 넣을 때 어떤 이유로 의

난 아무것도 변경하지 않은 다음! 내 코드 $ ctrl.optionsData 디버깅 할 때 정의되지 않은 이유는 모르겠지만 내 코드가 작동하지 않습니다.

Answer 1

컨트롤러 기능에서 init을 호출하는 대신 AngularJS의 $onInit()을 사용할 수 있습니다.

Angular가 전달 된 변수/바인딩을 설정하기 전에 init() 함수가 호출됩니다. init 함수의 모든 중단 점은 컨트롤러가 완전히 초기화되기 전에 발생합니다. AngularJS와 문서에서

:

$onInit() - 각 컨트롤러에 호출 요소의 모든 컨트롤러가 구성되었고, 자신의 바인딩을 초기화 한 후 (그리고이 요소에 대한 지침에 대한 사전 & 후 연결 기능 전) . 이것은 컨트롤러에 초기화 코드를 넣는 좋은 장소입니다.