Web/Angular

Angular *ngIf, 단방향 데이터 {{ }} if문

__bo0o_ 2021. 1. 26. 00:19

ngIf를 사용하는 방법은 다음과 같고

<!-- compare이 0일 때만 해당 html 출력 -->

<div *ngIf='compare == "0"'> 
    <span>Example</span>
</div>

 

단방향 데이터에서의 if문 사용법은 다음과 같다.

<!-- value 값이 존재하지 않는다면, 0 출력
	 존재한다면 value 값 출력 -->

<div>
    <span>Example</span>
    <i>{{ !value ? "0" : value }}</i>
</div>
<!-- 
    한 개 혹은
    여러 개일 경우,
-->

<div>
    <span>{{ compare == "0" ? "A" : "B" }}
    <i>
    	{{ compare == "0" ? (!value_a ? "0":value_a)
        	: (!value_b ? "0":value_b) }}
    </i>
</div>