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>