innerHTML'each function'vs js file'each function'when using underscore.js

Question

我想使用underscore.js獲取數組。

這是我的情況。

view.js

views.list = Backbone.View.extend({ 
     render: function(templateName) { 
     var template = _.template(templateName); 
     this.$el.html(template({result : this.collection.models})); 
     _.each(this.collection.models, function(model){ 
      console.log(model.get("id")); 
     }); 
     return this; 
     } 
    }); 

運行結果_.each(this.collection.models, function(model){console.log(model.get("id"));});

list.html

<div id="columns"> 
     <% _.each(result, function(model){ %> 
     <div id="<% model.get("id") %>" class="content"> 
      <a href="<% model.get("url") %>"> 
      <figure> 
       <img src="<% model.get("imgSrc") %>"> 
       <figcaption><% model.get("title") %></figcaption> 
      </figure> 
     </div> 
     <% }); %> 
     </div> 

我發了參數this.collection.model爲result參數，所以我覺得上面的可執行代碼和可執行代碼我寫HTML是相同的，但運行結果是不一樣的。

有什麼區別？

Answer 1

您需要在輸出值的模板中使用表達式。取而代之的

<div id="<% model.get("id") %>" class="content"> 

您需要：

<div id="<%- model.get("id") %>" class="content"> 

見docs