kątowa 2 - Jak ustawić atrybut id do dynamicznie załadowanego składnika

Question

używam DynamicComponentLoader załadować składnik dzieci i produkuje następujące HTML:

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

i oto jak wczytuję składnika w rodzic

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

Jak mogę dodać atrybut id do komponentu dziecko tak, że produkuje następujące HTML:

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

Answer 1

Jeśli to możliwe chciałbym dodać pole do ChildComponent i wiążą id do niego:

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

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

Zobacz także http://plnkr.co/edit/ihb7dzRlz1DO5piUvoXw?p=preview#

Bardziej hacky sposób byłoby

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

Zamiast dostępu do wniosku nativeElement Właściwości bezpośrednio powinno być możliwe to samo z Renderer.