내부 변수에 대한 Angular2 + 템플릿 구문 * ngFor

Question

Ionic 3 앱 (Angular4를 사용)의 * ngFor 루프 반복마다 두 번 호출되는 유틸리티 메소드가 있습니다. (아래 getIndex와 비슷한).

로컬 변수와 참조를 할당하는 방법이 있습니까? 따라서 유틸리티 메소드가 반복마다 두 번 호출되지 않습니까? 형태의

뭔가 :

<div *ngfor="let item of items; 
      let i = index; 
      let j = getIndex2(items[i]); 
      let k = items[j]"> 
    {{k.property1}} 
    {{k.property2}} 
</div> 

너무 as, 또는 # 구문을 사용할 수 있지만 가능하다면 알고 좋을 것이다.

Answer 1

참고하십시오 무엇 getIndex2()는 않지만, 당신은 단지 현재 항목을 참조 할 경우, 당신이 할 필요가있다 :

<div *ngfor="let item of items"> 
    {{ item.property1 }} 
    {{ item.property2 }} 
</div> 

그러나 나는 경우가 가정합니다. 그렇지 않으면 템플릿 마크 업 외부에서 로직을 처리해야합니다. 다음

this.items = this.items.map((item) => item.otherItem = this.getIndex2(item)); 

그리고 : : 예를 들어 나에게 이미 인식하지 무언가를 말하지 않는

<div *ngfor="let item of items"> 
    {{ item.otherItem.property1 }} 
    {{ item.otherItem.property2 }} 
</div>