Angular2子模板？

Question

有没有办法在angular2？

中为特定组件提供多个模板或子模板

typescript文件 - ＆gt;

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

export class AppComponent{}

main.html - ＆gt;

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

Answer 1

我会使用一个组件，因为Angular2提供了一个基于组件的方法：

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

使用以下代码：

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

Answer 2

目前尚不支持，但最终计划增加支持。虽然删除了使用@View()装饰器的原始方法（另请参阅https://github.com/angular/angular/issues/7363）。

您可以使用ngSwitch或ngIf在单个模板的不同部分之间切换。

<强> >=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>
`