angular - 使用 *ngIf 绑定(bind) bool 值

组件.ts:

public myFlag: boolean = false;
changeFlag(){
  this.myFlag = true;
}

组件.html:

<ng-template *ngIf="newPOST">{{newPOST}}</ng-template>

当我按下调用 changeFlag() 的按钮时，我希望看到 真正的 但在我的控制台中总是这样:

<!--bindings={
  "ng-reflect-ng-if": "false"
}-->

这不会成为事实。每次按下按钮更改它时，如何绑定(bind)这个 bool 值？

最佳答案

根据您的示例检查一下:StackBlitz

这是相同的代码，发布在这里以防 StackBlitz 再次发生某些事情。

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

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  myFlag = false;
}

<button (click)="myFlag = !myFlag">Toggle</button>
<div *ngIf="myFlag" style="color:green">Hey I'm true</div>
<div *ngIf="!myFlag" style="color:red">Hey I'm false</div>

p {
  font-family: Lato;
}

关于angular - 使用 *ngIf 绑定(bind) bool 值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48006599/