'표순서'에 해당되는 글 1건

  1. 2018.01.31 Meteor 미티어 표 목록 번호 1부터 매기기
2018. 1. 31. 14:30

미티어 하다가, 표에 번호를 순서대로 넣고 싶은데....


 No

이름 

핸드폰 

 1

 김기리

010-222-5356 

 2

 홍길동 

010-123-4562 

 3

 장나라 

010-535-5526 


디비에는 이름이랑 번호만 저장되어있고,


뿌려줄때, 번호를 붙여줘야하는데,


미티어에서는 each 안에 {{@index}}라고 번호가 순서대로 붙는다.


하지만, 0 부터 시작해서, 0,1,2,3 이렇게 시작을 하니까.


1부터 하려면, 펑션을 이용해서, index번호에 1을 더해서 붙여줘야 한다.



HTML 에서 작업

1
2
3
4
5
6
7
8
    <tbody>
      {{#each list}}
      <tr>
        <td>{{offset @index}}</td>
        {{>addressItem}}
      </tr>
      {{/each}}
    </tbody>
cs



js파일에서 helpers에 펑션을 넣어준다.

1
2
3
4
5
6
7
Template.addressList.helpers({
      "offset" : function(index){
            index +=1;
            return index;
      }    
});
 
cs

  


참고 사항으로, 나같은경우는 처음에 each 안에 템플릿을 불러왔었다.


{{> addressItem}} 불러오고, 


addressItem안에 tr>td가 있어서, 그곳에 @index를 넣었는데, 계속 에러가 뜨는거다.


근데, 미티어 같은 경우는 최하위부터 위로 올라가기때문에,


each전에 2뎁스로 내려가는 테이블에 @index를 넣으면 얘가 못찾는거다.


그래서 아에 index붙이는 <td>를 each있는 템플릿으로 올려버렸다.


이방법이 아니면, 인자값으로 계산에서, 전달하는 방식을 쓰라는데, 그것까지는 안했고, 


밑에 링크만 추가해 놓겠다.


http://blazejs.org/api/templates.html#Template-dynamic





Posted by Tyson