Angular 基于角度条件显示组件的最佳实践

Angular 基于角度条件显示组件的最佳实践,angular,angular2-template,Angular,Angular2 Template,我有一个模块,有四个不同的组件。 我想显示基于id变量的组件。目前,我正在用ngIf展示它们,这似乎不是我的最佳实践。 是否有条件显示组件的最佳实践 目前的执行情况: <component-one *ngif="id===1"></component-one> <component-two *ngif="id===2"></component-two> <component-three *ngif="id===3"></compo

我有一个模块,有四个不同的组件。 我想显示基于id变量的组件。目前,我正在用ngIf展示它们,这似乎不是我的最佳实践。 是否有条件显示组件的最佳实践

目前的执行情况:

<component-one *ngif="id===1"></component-one>
<component-two *ngif="id===2"></component-two>
<component-three *ngif="id===3"></component-three>
<component-four *ngif="id===4"></component-four>

尝试ngSwitch,如果您有超过2个if条件,则该开关会更干净

 <div [ngSwitch]="id">
       <component-one *ngSwitchCase="1"></component-one>
      <component-two *ngSwitchCase="2"></component-two>
       <h1 *ngSwitchDefault>default</h1>    
     </div>

违约

您可以使用*ngSwitch