Struktura if në Angular

Kushti në Angular gjithashtu mund të bëhet me ndihmën e strukturës speciale @if. Kjo strukturë lejon shfaqjen ose fshirjen e blloqeve të kodit sipas kushtit. Le të shohim se si të punojmë me të.

Le të themi se kemi variablin e mëposhtëm:

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

Le të bëjmë një div, i cili do të shfaqet, nëse kjo variabël ka vlerën true:

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

Le të bëjmë që div-i të shfaqet, nëse variabla jonë ka vlerën false:

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