Jeden komponent dynamicky viazať rôzne šablóny v Angular-2 - uhlové, strojopis

Som nováčikom Angular 2. Videl som, že komponent je vždy spojený so šablónou pohľadu ako

@Component({
selector: "page-sample",
templateUrl: "sample.html",
providers: []
})

Môžeme dynamicky opätovne použiť komponent Angular 2 na inú šablónu?

odpovede:

To priamo neodpovedá na otázku, ale chcem navrhnúť metódu, pri ktorej môžete mať iný pohľad pomocou (takmer) tej istej zložky.

Zvyčajne vyrábam iný komponent a nechám ho zdediť základný komponent, aby som znovu použil rovnakú funkcionalitu.

//base component with functionality
@Component({
selector: "page-sample",
templateUrl: "sample.html",
providers: []
})
export class BaseComponent{
}

Vytvorte nový komponent, ktorý zdedí komponent BaseComponent, ale môže používať odlišné zobrazenie.

// another component with a different view.
@Component({
selector: "another-page-sample",
templateUrl: "another-sample.html",
providers: []
})
export class AnotherComponent extends BaseComponent{
}