在 angular 中访问 ngif 语句中的打字稿变量

Question

我在 ts 中有一个变量。我想在 ngif 中访问它。

TS:

  public data:string

HTML:

  <td> 
      <div *ngIf="data === 'BALL' ; else noplay" >{{ play}}</div>
      <ng-template #noplay> {{gotohome}} 
     </ng-template>
  </td>

我正在做的是，如果变量数据的值为“BALL”，我将使用字符串插值在 table 中显示一个值，如果不满足条件，将显示一个不同的值。我发现很难从 typescript

访问数据变量

stackblitz 示例 link

Answer 1

getter 定义不正确，请使用以下语法：

  _data;

  get data() {
    return this._data = "BALL";
  }

Answer 2

您正在使用方法 get() 为变量 data 赋值。但是该方法不会在任何地方调用。这就是导致问题的原因。

我更新了 stackblitz，通过声明广告初始化值。

如果你想使用getter，参考下面的stackblitz。

Accessing a typescript variable inside ngif statement in angular