2017-02-20 1 views
0

Ich habe das Tutorial über https://angular.io/docs/ts/latest/cookbook/dynamic-component-loader.html#!#dynamic-loading gefolgt und es funktioniert gut.Wie ID zu referenzieren, wenn createComponent dynamisch verwendet

Aber jetzt brauche ich das Host-Element in einem * ngFor und ich kann nicht herausfinden, wie die eindeutige ID ..?

<div fxFlex="50%" fxFlex.gt-sm="33%" fxFlex.gt-md="20%" *ngFor="let ad of adList"> 
    <div>{{ad.title}}</div> 
    <template ad-host id="{{ ad.id }}"></template> 
</div> 

Edit: Zur Veranschaulichung es besser, ich plunkr erstellt: http://plnkr.co/edit/D1q7Al60m4UK1weRlcmQ?p=preview

Also, was ich erreichen will, ist, dass, wenn Sie den Namen klicken. Weitere Informationen sollten unten angezeigt werden.

Im Moment findet es nur den ersten [person-host] Selektor.

+0

Frage ist wirklich unklar? Was willst du erreichen? Warum benötigen Sie die HTML-Attribut-ID? Was ist los mit 'id =" {{ad.id}} "'? – mxii

+0

Ich möchte alle Anzeigen auflisten, und wenn der Nutzer auf einen Titel klickt (es gibt ein Klickereignis für dieses div), möchte ich die