角 5 和 6 开关盒

Question

嘿伙计们，这似乎是什么问题？我在视图中使用开关盒。但它似乎不起作用。

template: `
  <div [ngSwitch]="color">
    <div *ngSwitchCase"'red'">You picked red</div>
    <div *ngSwitchCase"'green'">you picked green</div>
    <div *ngSwitchCase"'blue'">You picked blue</div>
  </div>

`,
styles: [`

`]
})

这是组件文件。

export class TestComponent implements OnInit {

    public color = "red";
    constructor() { }

    ngOnInit() {
    }
}

Answer 1

您缺少 = 标志：

<div *ngSwitchCase="'red'">You picked red</div>
<div *ngSwitchCase="'green'">you picked green</div>
<div *ngSwitchCase="'blue'">You picked blue</div>