バインディングない時々

Question

は、だから私は、分離株の範囲とcontrollerAsパターンとディレクティブを持っています。

var directive = { 
     restrict: 'E', 
     scope: { 
      something: '=' 
     }, 
     templateUrl: './App/directiveTemplate.html', 
     controller: directiveController, 
     controllerAs: 'vm', 
     bindToController: true 
    } 

と私は約束を返し$ HTTPを使用してRESTサービスへの呼び出しでのinitコントローラインチ

function directiveController(someService) { 

    var vm = this; 

    // Here vm.something is defined and bound to the appropriate model set where the directive is used 

    init() 

    function init() { 
     return someService.getProducts() 
     .then(productsReady); 

     function productsReady(response) { 
      vm.products = response; 
      //find product using vm.something 

      // here vm.something is undefined 

      return vm.products; 
     } 
    } 

問題は、私はinit()方法vm.something前にブレークポイントを設定ならば、それがあるべきように定義されているがproductsReady機能で、それが定義されていないされていることです。

これは正常な動作ですか？約束はコードを別の範囲で解決していますか？

Answer 1

は、バインディングのタイミングを保証するために$onInit Life-Cycle Hookを使用します。

function directiveController(someService) { 

    var vm = this; 

    ̶i̶n̶i̶t̶(̶)̶ 

    this.$onInit = init; 

    function init() { 
     return someService.getProducts() 
     .then(productsReady); 

     function productsReady(data) { 
      vm.products = data; 

      return vm.products; 
     } 
    } 

ドキュメントから：存在しているバインディングに依存している

初期化ロジックがあり、コントローラの$onInit()方法で配置する必要がありますの後に常にと呼ばれることが保証されています。

.component('myComponent', { 
    bindings: {value: '<'}, 
    controller: function() { 
    this.$onInit = function() { 
     // `this.value` will always be initialized, 
     // regardless of the value of `preAssignBindingsEnabled`. 
     this.doubleValue = this.value * 2; 
    }; 
    } 
}) 

— AngularJS Developer Guide - Migrating to V1.6 - $compile