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.
Frage ist wirklich unklar? Was willst du erreichen? Warum benötigen Sie die HTML-Attribut-ID? Was ist los mit 'id =" {{ad.id}} "'? – mxii
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 mit den Daten für diese Anzeige füllen. Ich bin mir also nicht sicher, wie man einen Selektor mit passender ID anvisiert. Sorry für Unklarheiten! – Mackelito
Warum nicht einfach die Person-Host-Direktive auf ein anderes div setzen? http://plnkr.co/edit/znzRCu0xzOuhouiBYUg6?p=preview – philipooo