AURA:IF 사용법

aura:if 태그 사용법

<aura:component>
  <!-- true, false로 구분 / 기본값은 false -->
  <aura:attribute name="isSideOpen" type="Boolean" default="false" />

  <aura:if isTrue="{!v.isSideOpen}">
      <p>Side Panel Open</p>
      <aura:set attribute="else">
          <p>Not Yet</p>
      </aura:set>
  </aura:if>
</aura:component>

if문 (삼항연산자) 사용법 - HTML

<aura:component>
	<!-- true, false로 구분 / 기본값은 false -->
	<aura:attribute name="testClick" type="Boolean" default="false" />

    <div class="{!v.testClick == true ? 'openC active':'openC'}">
    <!-- / 클릭 시 v.isSideOpen의 값이 true가 된다. -->
        <button class="sideBtn" onclick="{!c.sideOpen}">Side Panel Open</button>
    </div>
</aura:component>