無法看到模板

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)); 

現在我不能確定，如果你的觀點厄爾尼諾是「列表組」（但我希望它是）。