Direktyva if Angular

Angular galima padaryti taip, kad žyma būtų rodoma arba paslėpta priklausomai nuo kintamojo reikšmės. Tam taikoma speciali direktyva *ngIf. Pažiūrėkime, kaip su ja dirbti.

Pirmiausia ši direktyva turi būti importuota:

app/app.component.tsimport {NgIf} from "@angular/common";

Ir pridėti ją į importų skiltį dekoratoriuje:

app/app.component.ts@Component({
  .....
  imports: [....., NgIf],
  ....
})

Tarkime, dabar turime tokį kintamąjį:

app/app.component.tsexport class AppComponent {
  public isAdmin: boolean = true;
}

Padarykime div, kuris bus rodomas, jei šis kintamasis turės reikšmę true:

app/app.component.html<div *ngIf="isAdmin">
  text
</div>

O dabar padarykime taip, kad div būtų rodomas, jei mūsų kintamasis turi reikšmę false:

app/app.component.html<div *ngIf="!isAdmin">
  text
</div>