Question

示例：我使用的是div容器，当我运行代码时，我只能得到是开关的默认值。

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-test',
template: `  
          <div [ngSwitch]="toy_color">
             <div *ngSwitchCase="'red'"> RED </div>
             <div *ngSwitchCase="'blue'">  BLUE </div>
             <div *ngSwitchCase="'Yellow'"> YEllOW </div>
             <div *ngSwitchDefault> Pick Again </div>
          </div>

          `
styles: []
})
export class TestComponent implements OnInit {

 public toy_color:"red";

constructor() { }

ngOnInit() { }
}

Answer 1

代码下面的行不正确。

public toy_color:"red";

您没有为toy_color赋值。您应该使用代码的类型来更改代码，也可以直接将值分配给变量，如下所示。

具有分配类型

public toy_color：字符串=“红色”；

直接分配值

public toy_color =“ red”;

我创建了一个demo供您参考。

Answer 2

您的变量toy_color未定义。将其更改为以下行：

public toy_color: string = "red";

或

public toy_color = "red";

Angular 6 * ngSwitchCase无法正常工作

2 个答案: