angular 5和6开关盒

Question

嘿，伙计们，这里好像出了什么问题？我在视图中使用switch case。但它似乎不起作用。

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>