내 밑줄 템플릿에 개수 추가

Question

내 밑줄 템플릿의 .each 루프에 고유 한 ID를 추가하려고 시도하지만 작동하지 않지만 .uniqueId('XX')을 사용할 때 실제로 변경하기를 원하는 항목이 아닌 계속 변경됩니다.

그래서이

<script class='BasicText' type='text/template'> 
    <% _.each(Text, function(Text) { %> 
     <div contenteditable='true' id='<%= _.uniqueId('BasicText') %>' class='MyText'> 
      <%= Text.text %> 
     </div> 
    <% }); %> 
</script> 

는 그것이 말하는 않는, 내 데이터베이스 내 페이지에 표시이에서 간단한 기본 텍스트를로드, 미세 내 백본 코드를 형성로드, 내 밑줄 템플릿 코드입니다. 그러나 _.uniqueId는 추가하는 끝 번호를 계속 변경합니다. 그렇습니다. 고유하지만 변경하지 않기를 바랍니다.

편집자가 편집 할 수 있도록 콘텐츠를 편집 한 다음 업데이트를 위해 데이터베이스에 다시 보낼 수 있도록 div를 설정했습니다. 나는 잘 작동하는 코드를 가지고 있는데, div의 내용이 변경되었을 때 실행되지만, 지금은 div 태그의 클래스를 대상으로합니다.

이 문제는 두 개의 기본 텍스트 필드 (두 개의 기본 텍스트 필드 만) div 태그에서 실행된다는 점에서 문제가 있습니다. 따라서 콘텐츠가 변경 될 때 한 번에 하나의 태그 만 타겟팅하려고합니다.

내 _.each 루프에서 일종의 카운트를 설정 한 다음 div 태그에 추가 할 수 있습니까?

또는 내 코드에 _.uniqueId를 사용할 수 있습니까? _.uniqueId가 종료 번호를 계속 변경했기 때문에 실행시에 사용 된 번호를 알아야합니다. (확실하지 않음) 만약 그렇다면 코드가 바뀌더라도 동일한 코드를 사용할 수 있습니까?

모든 도움을 환영합니다.

감사합니다.

Answer 1

_.each에 전달 된 콜백은 세 가지 매개 변수, 즉 반복의 현재 항목, 색인 및 원래 목록으로 호출됩니다. 필요한 색인이 이미 제공되어 있으므로 템플릿을 업데이트하여 사용할 수 있습니다. 이 같은 것이 작동해야합니다.

<script class='BasicText' type='text/template'> 
    <% _.each(Text, function(Text, Index) { %> 
     <div contenteditable='true' id='text-div-<%= Index %>' class='MyText'> 
      <%= Text.text %> 
     </div> 
    <% }); %> 
</script> 

문서 here. 그게 도움이 되었으면 좋겠다.