なぜバインディング値はすぐにコントローラで使用できないのですか

Question

コントローラコードで使用できる角度1.6のコンポーネントにいくつかの値をバインドしようとしています。

私は誤解する必要がありますが、コントローラーを実行するときに変数を使用することはできません。私がそれを管理した唯一の方法は、次のダイジェストサイクルにコードをプッシュするために$タイムアウトを入れることです。

私はここで間違っていますか？

関連するセクションはここにある：

var SelectorCtrl = ['$scope', '$http', '$timeout', 
    function ($scope, $http, $timeout) { 
    var self = this; 
    alert("1: " + self.hierarchyId); 

    // I'm not 100% sure why this has to be in the next digest cycle 
    $timeout(function(){ 
     $scope.categories = self.categories; 
     alert("2: " + self.hierarchyId); 

    }); 
} 

app.component('categorySelector', { 
    templateUrl: 'categorySelector.html', 
    controller: SelectorCtrl, 
    bindings: { 
    hierarchyId: "@", 
    disabled: "=", 
    categories: "=", 
    onSelectionChanged: "&" 
    } 
}); 

参照くださいplunker：https://plnkr.co/edit/8rtDuCawdHaiXzQU5VBR

Answer 1

これはあなたが上のconfigサイクルでそれを設定することができ、なぜなら角1.6で導入された$compileProvider.preAssignBindingsEnabled(flag)である$compileProvider

無効にした場合（false）、コンパイラは バインディングを割り当てる前にコンストラクタを最初に呼び出します。

デフォルト値はAngular 1.5.xではtrueですが、 Angular 1.6.xではfalseに切り替わります。

$onInitすべてのバインディングが使用可能になる角度コンポーネントのライフサイクルイベント内に、すべてのバインディングが取得されます（バインディングが同期的に渡された場合）。

self.$onInit = function() { 
    $scope.categories = self.categories; 
    alert("2: " + self.hierarchyId); 
}; 

注：それはthisで$scopeを混合する悪い習慣です。むしろ$scopeを使用して、コード角2のマイグレーションプルーフを作成することは避けてください。

---

あなたはコントローラ機能をインスタンス化利用できるように結合後、あなたは$compileProvider.preAssignBindingsEnabled(true)を設定することができますしたい場合。どちらがself.categories（バインディング）の値になりますか。

app.config(function($compileProvider){ 
    $compileProvider.preAssignBindingsEnabled(true) 
}); 

Similar answer