Cấu trúc if trong Angular

Điều kiện trong Angular cũng có thể được tạo bằng cấu trúc đặc biệt @if. Cấu trúc này cho phép hiển thị hoặc ẩn các khối mã theo điều kiện. Hãy xem cách làm việc với nó.

Giả sử chúng ta có biến sau:

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

Hãy tạo một div sẽ được hiển thị nếu biến này có giá trị true:

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

Hãy làm sao để div được hiển thị nếu biến của chúng ta có giá trị false:

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