Angular 2 - Wie id-Attribut auf die dynamisch geladene Komponente

Question

I DynamicComponentLoader bin mit dem Kind Komponente zu laden und erzeugt die folgende html setzen:

<child-component> Child content here </child-component> 

und hier ist, wie ich das Laden der Komponente in der Eltern

ngAfterViewInit(){ 
     this._loader.loadIntoLocation(ChildComponent,this._elementRef,'child'); 
    } 

Wie kann ich so das id-Attribut für das Kind Komponente hinzufügen, dass es die folgenden hTML erzeugt:

<child-component id="someId" > Child content here </child-component> 

Answer 1

Wenn möglich, dass ich ein Feld ChildComponent und binden möchte hinzufügen id es:

@Component({ 
    selector: 'child-component', 
    host: {'[id]': 'id'} 
}) 
class ChildComonent { 
    id:string; 
} 

this._loader.loadIntoLocation(ChildComponent,this._elementRef,'child') 
.then(cmp => cmp.instance.id = 'someId'); 

Siehe http://plnkr.co/edit/ihb7dzRlz1DO5piUvoXw?p=preview#

auch ein hacky Weg

this.dcl.loadIntoLocation(Dynamic, this.ref, 'child').then((cmp) => { 
    cmp.location.nativeElement.id = 'someId'; 
}); 

wäre statt Zugriff auf nativeElement prop Es sollte möglich sein, das gleiche mit Renderer zu tun.