Angular'da if Direktifi
Angular'da, bir etiketin
bir değişkenin değerine bağlı olarak
gösterilmesi veya gizlenmesi sağlanabilir.
Bunun için özel bir direktif olan
*ngIf kullanılır. Hadi
onunla nasıl çalışılacağına bir göz atalım.
Başlangıç olarak bu direktifin içe aktarılması gerekir:
import {NgIf} from "@angular/common";
Ve dekoratördeki içe aktarımlar bölümüne eklenmelidir:
@Component({
.....
imports: [....., NgIf],
....
})
Şimdi aşağıdaki değişkenimiz olduğunu varsayalım:
export class AppComponent {
public isAdmin: boolean = true;
}
Bu değişkenin değeri true ise
gösterilecek bir div yapalım:
<div *ngIf="isAdmin">
text
</div>
Şimdi de div'in, değişkenimizin değeri
false ise gösterilmesini sağlayalım:
<div *ngIf="!isAdmin">
text
</div>
Bir isAdult özelliği yapın.
Değişkenimizde true değeri varsa
yetişkinler için olan metni gösterin.
