Angular2のng-initはありません

Question

Angular2にはng-initも何もありません。私たちは、ランタイムエラーを取得します

<div #rr="2+2"> 
{{rr}} 
</div> 

：

Error: There is no directive with "exportAs" set to "2+2"

私はyoutube上Angular2 devのビデオのいずれかを見て、まったく同じ建設がに意味を見た私たちがしようとした場合にそうような何かを行うのですか作業。 ここにスクリーンショットがあります：

このテンプレートテンプレートへの割り当てはどのように可能ですか？

Answer 1

ローカル変数は、現在のDOM要素のいずれかを参照することを目的：

<div #elt></div> 

または特定の要素は、要素に適用される：

<div #elt="someDirective" dir></div> 

someDirectiveディレクティブのexportAs値に対応する：

@Directive({ 
    selector: '[dir]', 
    exportAs: 'someDirective' 
}) 

他に何かを定義するためにm。これは、メッセージが実際に伝えるものです。

Answer 2

#rrはng-initと等価ではありません。 ng-initがなくなり、戻ってこない - コンポーネントのクラスのフィールドを明示的に初期化する必要があります（初期化スコープと同じ）。

@DirectiveアノテーションのexportAsプロパティを使用できます。親ビューで使用するディレクティブをエクスポートします。親ビューからビュー変数にバインドし、@ViewChild()を使用して親クラスからアクセスできます。

exportAs hereで詳しく読むことができます。

exportAsの実装についてのサンプルデモをhereに確認してください。

Answer 3

あなたのようなカスタム構造ディレクティブを活用できるテンプレート内の変数を宣言することを可能にするために、次のようにコードを書くことができた後

@Directive({ 
    selector: '[ngInit]', 
}) 
export class NgInitDirective { 
    @Input() 
    set ngInit(context: any) { 
    this.context.$implicit = this.context.ngInit = context; 
    this.vcRef.clear(); 
    this.vcRef.createEmbeddedView(this.templateRef, this.context); 
    } 

    context: { $implicit?: any, ngInit?: any } = {}; 

    constructor(private vcRef: ViewContainerRef, private templateRef: TemplateRef<any>) {} 
} 

：

<div *ngInit="2+2 as rr"> 
    {{rr}} 
</div> 

または

伝えるのは難しい

Plunker Example