Angular2 Untervorlagen?

Question

Gibt es eine Möglichkeit, mehrere Vorlagen oder Untervorlagen für eine bestimmte Komponente in angular2 zu haben?

Typoskript Datei ->

@Component({ 
    selector: 'portal', 
    templateUrl: 'main.html' 
}) 

export class AppComponent{} 

main.html ->

<div> 
<div>bla bla bla </div> 
    -- load sub html page ?????? 
<div> 

Answer 1

ich eine Komponente dafür verwenden würde, da Angular2 eine komponentenbasierte Ansatz bietet:

<div> 
<div>bla bla bla </div> 
    <someOtherComponent></someOtherComponent> 
<div> 

mit dem folgenden Code:

@Component({ 
    selector: 'someOtherComponent', 
    templateUrl: 'other.html' 
}) 
export class SomeOtherComponent{} 

Answer 2

Dies wird derzeit nicht unterstützt, aber es gibt Pläne Unterstützung schließlich hinzuzufügen. Der ursprüngliche Ansatz mit dem Dekorateur @View() wurde jedoch fallen gelassen (siehe auch https://github.com/angular/angular/issues/7363).

Sie können ngSwitch oder ngIf verwenden, um zwischen verschiedenen Teilen einer einzelnen Vorlage zu wechseln.

>=RC.2

template: ` 
    <div [ngSwitch]="value"> 
     <div *ngSwitchCase="phone"> 
     phone content here 
     </div> 
     <div *ngSwitchCase="tablet"> 
     table content here 
     <div *ngSwitchDefault> 
     brower content here 
     </div> 
    </div> 
` 

<=RC.1

template: ` 
    <div [ngSwitch]="value"> 
     <div *ngSwitchWhen="phone"> 
     phone content here 
     </div> 
     <div *ngSwitchWhen="tablet"> 
     table content here 
     <div *ngSwitchDefault> 
     brower content here 
     </div> 
    </div> 
`