以角度访问 ngif 语句中的打字稿变量答案

【问题标题】：Accessing a typescript variable inside ngif statement in angular以角度访问 ngif 语句中的打字稿变量
【发布时间】：2021-03-08 00:13:49
【问题描述】：

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

TS：

  public data:string

HTML：

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

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

一个示例 stackblitz 链接

【问题讨论】：

【解决方案1】：

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

  _data;

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

【讨论】：

【解决方案2】：

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

我已经通过使用声明广告初始化值来更新 stackblitz。

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

【讨论】：