AngularJs 1.5 ES6：コントローラで定義されていないバインディング

Question

コンポーネントに渡されたバインディングはhtmlで動作しますが、コントローラでは未定義です。

<hero value="foo"></hero> 

hero.component.js

import template from './hero.html'; 
import controller from './hero.controller'; 

let heroComponent = { 
    restrict: 'E', 
    bindings: { 
    value: '@' 
    }, 
    template, 
    controller 
}; 

HeroController.js hero.html

class HeroController { 
    constructor() { 
    this.name = 'hero'; 
    console.log(this.value); // undefined! 
    } 
} 

<section class="hero"> 
    <h1>AngularJs ES6 Example</h1> 
    <!-- Value is works within template --> 
    <h3>You can find me inside {{ $ctrl.name }}.html {{ $ctrl.value }}</h3> 
</section> 

私は角度のバージョンを使用しています1.5.0

Answer 1

値はng-if iは$のOnInitにしようとした

<hero ng-if="$ctrl.value" value="$ctrl.value"></hero> 

Answer 2

コンストラクタ呼び出し中にバインディングが解決されることは考えられません。内部的にどの角度がコントローラをインスタンス化し、コンストラクタを呼び出す依存関係を注入します。次に、バインディングが設定されます。

ライフサイクルフック$onInitまたは$onChangesを代わりに使用する必要があります。デベロッパーガイドhere（ライフサイクルフックに関する関連セクションはページの半分程度です）をご覧ください。