Магистраль не может видеть ключ, переданный шаблону

Question

У меня очень простой код, чтобы использовать шаблон основы/подчеркивания.

---

HTML:

<script type="text/template" id="search_template"> 
    <div>Name comes here: <h4><%=name%></h4></div> 
    <input type="text" id="search_input" /> 
    <input type="button" id="search_button" value="Search" /> 
</script> 
<div id="search_container"></div> 

---

JS:

---

$(function(){ 
var SearchView = Backbone.View.extend({ 
    initialize: function(){ 
     this.render(); 
    }, 
    render: function(){ 
     var tmpl = $('#search_template').html(), 
      compiled = _.template(tmpl, { name:'hello' }); 
     $(this.el).html(compiled); 
    } 
    }); 
    var search_view = new SearchView({ el: "#search_container" }); 
}); 

Проблема заключается в том, что не может увидеть ключ "имя", которое должно быть передано в шаблон , Я все еще не понимаю, почему.

Весь образец кода находится здесь: http://plnkr.co/edit/7fV2azTh6cpjmUxIBHvJ?p=preview

Answer 1

Вы не используете Underscore's template method правильно.

Этап компиляции не содержит, где вы передаете свои параметры для замены шаблоном. Скорее, этап компиляции создает функцию. Результат вызова скомпилированной функции с параметрами модели представления в качестве первого аргумента вернет строку вашего шаблона с замененными значениями вашей модели представления.

render: function() { 
    var tmpl = $('#search_template').html(), 
    compiled = _.template(tmpl); 
    this.$el.html(compiled({ name:'hello' })); 
} 

дополнительный пункт: Обратите внимание на то, как Backbone View уже дает нам удобный this.$el, поэтому нам не нужно делать $(this.el) шаг снова.

Answer 2

изменение

compiled = _.template(tmpl, { name:'hello' });

в

compiled = _.template(tmpl)({ name:'hello' });

_.template возвращает функцию, которая принимает данные для вставки в шаблон

http://plnkr.co/edit/GqFBvepfukIwDGLQa8Ki?p=preview