Angular—条件判断

目录

一、概述

二、ngIf指令

三、ngSwitch指令

---

一、概述

Angular中使用*ngIf和*ngSwitch这两个指令来进行条件判断。

二、ngIf指令

export class NewsComponent implements OnInit {

    public flag: boolean = true;

    constructor() {   
    }

    ngOnInit(): void {
    }

}

<h2>条件判断</h2>

<div *ngIf="flag">
    <span>我是小A</span>
</div>

<div *ngIf="!flag">
    <span>我是小B</span>
</div>

三、ngSwitch指令

export class NewsComponent implements OnInit {

    public orderStatus: number = 1;

    constructor() {   
    }