无法看到模板

Question

我试图在HTML中将变量设置为if。问题是我看不到我的模板，并且没有日志中的任何错误。我可以看到元素在HTML中，但仍然看不到它。

模板是：

<div class="list-group">                    
     <div id="table_template">                   
     <div id ="table"></div>                   
       <script type="text/template" id="nextPage">            
       <% if (nextLink != "") { %>              
       <nav><ul class="pager"><li><a href="#" id="next_page" >Next</a></li> </ul> </nav>   
       <%}%>                   
       </script>                    
      </div>                      
     </div>                       
    </div>                        

和视图：

var template = _.template($('#nextPage').html()); 
    view.$el.find('#nextPage').html(template(listSongs));  

更新：看来我无法看到它，如果我有script标签。

Answer 1

使用脚本标记，以便浏览器不会将该部分渲染到整个DOM中。你这样做，假设脚本标签将打印到视图中，但它不会。您需要将其注入到视图中。试试这个：

<div class="list-group">                    
    <div id="table_template">                   
    <div id ="table"></div><div id="nextPage"></div> 
      <script type="text/template" id="nextPageTemplate">            
      <% if (nextLink != "") { %>              
      <nav><ul class="pager"><li><a href="#" id="next_page" >Next</a></li> </ul> </nav>   
      <%}%>                   
      </script>                    
     </div>                      
    </div>                       

然后在您的视图也可以是这样的：

var template = _.template($('#nextPageTemplate').html()); 
view.$el.find('#nextPage').html(template(listSongs)); 

现在我不能确定，如果你的观点厄尔尼诺是“列表组”（但我希望它是）。