根据值 Angular 隐藏和显示元素 2

Question

我有一些变量是布尔值，可以是 true 或 false，基于该值我必须在 HTML 中显示一些元素，如下所示：

<p *ngif=isOwner>Test</p>

问题是我必须隐藏元素值为假但要显示元素值为真：

this.storage.get('User').then((val) => {
    this.isOwner = val.Owner.IsOwner;
});

在 Angular 2 中，正确的方法是什么，就在 HTML 内，值将始终存在，并且是真还是假？

Answer 1

只需反转条件的布尔值：

export class AppComponent  {
  public isOwner: boolean = true;
  toggleIsOwner() {
    this.isOwner = !this.isOwner; 
  }
}

HTML

<button (click)="toggleIsOwner()">show/hide</button>

<p *ngIf="isOwner">Hello World!</p>

showMe 是一个布尔值。 *ngIf的工作方式是，当表达式为真时，元素被插入到DOM中，当表达式为假时，元素被从DOM中移除。

]

Hide and show element based on value Angular 2