다트 : 클라이언트 측에서 목록 요소의 현재 색인을 얻는 방법 고분자 요소?

Question

저는 Dart를 처음 접했고 아래에 설명 된 것처럼 목록의 요소의 현재 색인을 얻는 방법을 알고있었습니다.

1) 객체 목록을 가져 왔을 때 서버를 실행합니다. JSON을 통해 클라이언트 측 다트 웹 앱으로 전송 2) 다트 클라이언트 측 웹 페이지에서 해당 목록의 요소를 표로 배열하지만 mod3 형식으로, 즉 3 열당 N 행 이상으로 배치하고 싶습니다.

그래서 Polymer 템플릿을 사용하여 목록을 스캔하고 현재 요소를 가져 와서 테이블에 추가 한 다음 (HTML 태그 작성) 현재 요소 mod3 (% 3)의 인덱스가 인지 확인합니다. = 0.

내 문제는 내가 그 목록 현재 요소 인덱스

어떤 도움은 매우 극명하게 될 것이다를 가져 오는 방법을 모르는 것입니다!

Answer 1

폴리머 반복 구문에 사용되는 현재 반복기의 인덱스에 쉽게 액세스하려면 열거 필터를 사용하는 것이 좋습니다.

<polymer-element name="my-element"> 
    <template> 
    <table> 
     <tbody template repeat="{{item in myList | enumerate}}"> 
     <template if="{{item.index % 3 == 0}}"> 
      <tr> 
     </template> 
     <td>item.value</td> 
     <template if="{{item.index % 3 == 0}}"> 
      </tr> 
     </template> 
     </tbody> 
    </table> 
    </template> 
</polymer-element> 

그러나이 완전히 당신이 테이블 요소 내에서 <template>를 사용하지 수있는 과거에 문제가 있었다으로 완료되지 않습니다. 나는 그것이 사실인지 아닌지에 대해 100 % 확실하지 않다. (나는 해상도를 나타내는 확실한 정보를 찾을 수 없기 때문에). 또 다른 방법은 <div>과 클래스를 사용하여 데이터를 레이아웃하는 것입니다.

일부 CSS를 사용하여 div 스타일을 table, table-row 또는 table-cell으로 설정하기 만하면됩니다. 자세한 내용은 W3Schools의 CSS Display Property을 참조하십시오. <div> 솔루션은 필요에 따라 템플릿을 허용합니다.