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:
export 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:
@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:
@if (!isAdmin) {
<div>
text
</div>
}
Tạo thuộc tính isAdult. Hiển thị
văn bản dành cho người lớn nếu biến của chúng ta
có giá trị true.