綁定有時

Question

所以我有一個指令與隔離範圍和controllerAs模式。

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

，並在控制器我打電話初始化使用$ HTTP返回一個承諾REST服務。

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