백본을 사용하여 모달 만들기 - 변수를 템플릿에 전달

Question

템플릿에 변수를 전달할 수 있는지 파악하려고합니다. 여기

템플릿입니다 :

나는 위의 템플릿을 변수를 전달의 그것 위라는 이름의 XXX 아래에서 확인 된 변수 말할 수 있도록 할

<script type="text/template" id="modal-template"> 

     <table class="table"> 
      <thead> 
      <tr> 
       <th>Team Name</th> 
      </tr> 
      </thead> 
      <tbody> 

      <% for(var i=0; i 
      <XXX.length 
        ; i++) { %> 
       <tr> 
        <td> 
         <a href='/users/<%=user._id%>/teams/<%= teams[i]._id%>/teamDashboard'> 
          <%= XXX[i].teamName %> 
         </a> 
        </td> 
       </tr> 
       <% } %> 
      </tbody> 
     </table> 
    </div> 

</script> 

.

<script> 

    $(function($) { 

     var XXX = {}; 
     //how can I pass the template the variable XXX??? 

     var Modal = Backbone.Modal.extend({ 
      template: _.template($('#modal-template').html()), 
      cancelEl: '.bbm-button' 
     }); 
     $('.ImportTeamsFromTeamSnap').on('click', function(){ 
      var modalView = new Modal(); 
      $('.app').html(modalView.render().el); 
     }); 
    }); 
</script> 

기본적으로 템플릿은 변수 XXX에 따라 다르게 렌더링됩니다. 이것은 핸들 바 템플릿 또는 가능한 모든 유형의 템플릿 일 수 있습니다.

이것이 가능합니까?

Answer 1

모달에 모델을 전달할 수 있습니다. 다음과 같은 것 :

<script> 

    $(function($) { 

     var XXX = {}; 
     //how can I pass the template the variable XXX??? 

     var Modal = Backbone.Modal.extend({ 
      template: _.template($('#modal-template').html()), 
      cancelEl: '.bbm-button' 
     }); 
     $('.ImportTeamsFromTeamSnap').on('click', function(){ 
      var MyModel = Backbone.Model.extends({}); 

      var modalView = new Modal(); 
      modalView.model = new MyModel(XXX); 
      $('.app').html(modalView.render().el); 
     }); 
    }); 
</script>