AURA iteration 사용법

• iteration은 불러오는 값이 List 형태일 경우 JavaScript의 for 반복문과 같이 해당 i번째를 선택할 수 있게 도와주는 태그입니다.

<aura:component>
  <aura:attribute name="carList" type="List" default="[
      {'label': 'Benz', 'value': 'Benz'},
      {'label': 'BMW', 'value': 'BMW'},
      {'label': 'Audi', 'value': 'Audi'},
  ]" />
  
  <!-- 
  1. items에 List 어트리뷰트를 작성한다.
  2. var에는 내가 사용하고자하는 변수명을 적어준다.
  3. indexVar는 해당 리스트를 0부터 차례대로 숫자 형식으로 나타내준다.
  -->
  <aura:iteration items="{!v.carList}" var="car" indexVar="idx">
  	<aura:if isTrue="{!car.value == 'BMW'}"> <!-- 해당 리스트 중 value가 BWM 일 때 -->
    	<!-- 그에 맞는 순번과 라벨을 불러온다. -->
    	<p><i>{!idx}.</i> {!car.label}</p>
    </aura:if>
  </aura:iteration>
  <!-- 위의 결과 값은 다음과 같다. (1. BMW) -->
  
</aura:component>