angular 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>

angular 5 和 6 开关盒

angular 5 and 6 switch case

switch-statement

angular

angular5

angular6