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>

'Web > Angular' 카테고리의 다른 글

Angular *ngFor  (0) 2020.12.09
Angular Http post  (0) 2020.12.09
ngModel 데이터 바인딩  (0) 2020.12.08
[Error] Uncaught (in promise): NullInjectorError: R3InjectorError  (0) 2020.12.07