기존에 제이쿼리 방식으로는 <div><br></div> <div>for(var i =0; i<data.length; i++){</div> <div><br></div> <div>$("#id").append("반복할 문구");</div> <div><br></div> <div>}</div> <div><br></div> <div>이런식으로 되어 있어서 for문 첫 시작때, 혹은 for문이 끝날 지점에 제가 원하는 함수를 불러올수 있었습니다. (아래 참조)</div> <div><br></div> <div><div>for(var i =0; i<data.length; i++){</div> <div><font color="#ff0000">if(i ==0){</font></div> <div><font color="#ff0000">loading_start();</font></div> <div><font color="#ff0000">// i가 0일때 즉 첫번째 for문 실행시 loading_start();란 함수 동작</font></div> <div><font color="#ff0000">}</font></div> <div><font color="#ff0000"><br></font></div> <div><font color="#ff0000">if(i == data.length-1){</font></div> <div><font color="#ff0000">loading_end();</font></div> <div><font color="#ff0000">// i가 data.length-1일때 즉 불러온 데이터에서 마지막 차례일때 <span style="font-size:9pt;line-height:1.5;">loading_end(); 란 함수 동작</span></font></div> <div><font color="#ff0000">}</font></div> <div><br></div> <div>$("#id").append("반복할 문구");</div> <div><br></div> <div>}</div></div> <div><br></div> <div><br></div> <div>이렇게 하면 처음 for문에서 첫 시작시 <span style="font-size:9pt;line-height:1.5;">loading_stat(); 함수 발동 그리고 마지막 차례일시 </span><span style="font-size:9pt;line-height:1.5;">loading_end();을 발동 하게 됩니다.</span></div> <div>이걸 왜 해야 하면 for문을 뿌릴때 그 과정에서 로딩 중이라는 문구나 로딩이미지를 넣을려고 합니다.</div> <div><br></div> <div>그렇기 때문에 for문 첫 시작시 <span style="font-size:9pt;line-height:1.5;">loading_stat(); 로 로딩중을 알림</span></div> <div><span style="font-size:9pt;line-height:1.5;">for문 끝날때 </span><span style="font-size:9pt;line-height:1.5;">loading_end(); 로 로딩중을 삭제</span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;">이렇게 할려고 하는데 문제는 angular에서 ng-repeat를 쓰게 된점 입니다.</span></div> <div>아시다피시 angular에서 ng-repeat는 html단에서 쓰게 됩니다.</div> <div><br></div> <div><div ng-repeat = 'list in data'></div> <div>//반복할 문구</div> <div></div></div> <div><span style="font-size:9pt;line-height:1.5;"><br></span></div> <div><span style="font-size:9pt;line-height:1.5;">이렇게 사용 할수 있습니다. 여기서</span></div> <div><div><div ng-repeat = 'list in data'></div> <div><font color="#ff0000"><div ng-if='{{$index}} == 0'></font></div> <div><font color="#ff0000">ng-reapat 가 처음일때</font></div> <div><font color="#ff0000"></div></font></div> <div> <div><font color="#ff0000"><div ng-if='{{$index}} == data.length-1'></font></div> <div><font color="#ff0000">ng-reapat 가 마지막일때</font></div> <div><font color="#ff0000"></div></font></div></div> <div>//반복할 문구</div> <div></div></div></div> <div><br></div> <div>이렇게 처음과 끝을 캐치할순 있지만 html에서 캐치하기 때문에 원하는 함수를 불러올수 없습니다. (텍스트 출력은 가능)</div> <div>ng-repeat가 반복될때 원하는 차례에서 함수를 발동할려면 어떻게 해야 할까요?</div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.