AngularJS Expression을 표시하지 않으려면 어떻게해야합니까? <code>booleanVariable</code>이 거짓</p> <pre><code><p>{{ booleanVariable ? "The variable is true!" : null }}</p> </code></pre> <p>경우, 표현식이 비어 있어야하고 <code><p></p></code> 렌더링 안 :

Question

나는 다음과 같은 HTML을 말한다. 그러나 단지 <p>null</p>을 입력 한 것처럼 <p> 태그에 "null"을 인쇄합니다.

표현식을 아무 것도 렌더링하지 않게하려면 어떻게해야합니까?

Answer 1

null 대신 undefined을 사용하십시오.

<p>{{ booleanVariable ? "The variable is true!" : undefined }}</p> 

간단한 해결책은 ngShow 다음과 같습니다

이

<p ng-show="booleanVariable">The variable is true!</p> 

Answer 2

가장 좋은 해결책은

<p ng-if="booleanVariable">The variable is true!</p>

ng-show이 DOM에 <p>을 가지고 있지만 것이다 사용하는 것은 당신이 사용하는 경우 단지 숨겨진 ng-if<p>도 DOM에 포함되지 않습니다

Answer 3

빈 문자열은 의미가 있습니다.

<p>{{ booleanVariable ? "The variable is true!" : '' }}</p>