Creating modal with Backbone - passing variable to template - node.js

Question

I am trying to figure out if I can pass a variable to a template.
Here is the template:
<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>
I want to pass the above template a variable, let's say it's the variable identified above and below named XXX.
<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>
Basically I want the template to render differently depending on the variable XXX. This could be a handlebars template, or any type of template that makes it possible.
Is this possible?

Answer 1

You can pass a Model to the modal. Something like this:
<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>