Скрыть и показать элемент на основе значения Angular 2

Question

У меня есть некоторая переменная, которая является логическим значением и может иметь значение true или false, основываясь на этом значении, я должен показать некоторый элемент в HTML, например:

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

Проблема в том, что мне нужно скрыть, что элемент - это значение false, но чтобы показать, что элемент - это значение true:

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.showMe;
  }
}

HTML

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

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

showMe является логическим Путь *ngIfработает то, что, когда выражение истинно, элемент вставляется в DOM, когда выражение ложно, элемент удаляется из DOM.