淘汰js外部模板引擎-未加载模板答案

【问题标题】：knockout js external template engine - templates not being loaded淘汰js外部模板引擎-未加载模板
【发布时间】：2014-01-02 16:26:32
【问题描述】：

我正在使用淘汰赛 js 外部模板引擎。这似乎很简单。但是我的模板中只有几个被加载，其他的没有被包括在内，而且我的 firebug 控制台中没有错误。如果我包含 HTML 内联，那么它可以工作。在我将它们移入模板后，它不会被加载。

正在加载的其他模板没有“data-bind="with:..." 选项。它们是纯 html。

这是我的代码。提前感谢您的帮助

主 HTML

<body>
  <div 
   class="tab-pane fade" 
   id="personal" 
   data-bind="template: { name: 'personal'}"
  ></div>
</body>

我的 HTML 模板

<div class="panel panel-default" data-bind= "with : dashboard.user">
....
</div>

【问题讨论】：

【解决方案1】：

我发现了问题所在。

具有模板的主 html div 具有与模板名称相同的 id，因此它默默地失败了。我只是发现了困难的方法。我将模板文件重命名为 Tmpl 后缀，它开始工作。

<body>
  <div 
    class="tab-pane fade" 
    id="personal" 
    data-bind="template: { name: 'personalTmpl'}"
  ></div>
</body>

【讨论】：