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 |