If-konstruktionen i Angular

Villkor i Angular kan också göras med hjälp av den speciella konstruktionen @if. Denna konstruktion låter dig visa eller dölja kodblock baserat på ett villkor. Låt oss se hur man arbetar med den.

Låt oss säga att vi har följande variabel:

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

Låt oss skapa en div som kommer att visas, om denna variabel har värdet true:

app/app.component.html@if (isAdmin) {
  <div>
    text
  </div>
}

Låt oss göra så att div:en visas om vår variabel har värdet false:

app/app.component.html@if (!isAdmin) {
  <div>
    text
  </div>
}