html에서 조건별 class 적용법

<방법1>

<div [ngClass]="(level != '1' || !isCreate) ? 'active disabled' : 'active'">

div의 클래스에 (level != '1' || !isCreate) 라는 조건을 주어

참이면 'active disalbed',

거짓이면 'active' 를 먹일 수 있다.

 

<방법2>

<div class="active" [class.disabled]="(level != '1' || !isCreate)">

 

혹은 'disabled' 만 따로떼어내어

[class.disabled] 이런식으로 조건을 검사하여 참일 시에만 적용할 수도 있다.

 

 

public level: number = 1;
public isCreate: boolean = true;

(관련 ts 변수)