templates - 在 KnockoutJS 中使用外部模板

Question

是否可以像这样在 KnockoutJS 中使用外部模板？

<script type="text/html" id="a_template" src="templates/a_template.html">
</script>

我已经尝试过这个解决方案，但没有得到它的工作。

Answer 1

您可以使用 jquery 将 html 动态加载到脚本元素中，然后在此基础上执行 knockout 。

<script type="text/html" id="template_holder"></script>
<script type="text/javascript">
$('#template_holder').load('templates/a_template.html', function() {
  alert('Load was performed.');
  //knockout binding goes here
});</script>

不过，您的 knockout 绑定(bind)必须在回调函数中完成，否则您可能会在页面加载之前尝试绑定(bind)

更新 这是我在 jsfiddle 上编写的一个示例，用于演示动态加载: http://jsfiddle.net/soniiic/2HxPp/