Angular2添付ngレンダリングされたHTML要素をデータに変換する

Question

私は、Angularの* ngForを使って反復処理を行うオブジェクトの配列を持っています。

アイテムがレンダリングされた後、そのオブジェクトをレンダリングするHTMLノードを参照するオブジェクト（nativeElement）に新しいプロパティを設定します。

次のコードは目標を示していますが、明らかに機能しません。

<div *ngFor="let obj of arrayOfObjs" 
    [ngInit]="obj.nativeElement = thisDivNode"> 

</div> 

どのようにしてobjの要素参照を最もクリーンな方法で設定できますか？

Answer 1

あなただけのディレクティブを作成し、それにアイテムを渡すと、ディレクティブは

@Directive({ 
    selector: '[addElement]' 
}) 
class AddElementDirective implements OnInit, OnDestroy { 
    @Input('addElement') obj: any; 

    constructor(private el: ElementRef) {} 

    ngOnInit() { 
    this.obj.nativeElement = this.el.nativeElement; 
    } 

    ngOnDestroy() { 
    this.obj.nativeElement = null; 
    } 
} 

それからちょうど個人的に

<div *ngFor="let item of data" [addElement]="item"> 
</div> 

私はこのことを考えるようにそれを使用するアイテムに要素を割り当てさせることができあなたが思いつくマークアップの曲芸よりもきれいです。