knockout.js - 在 viewModel 加载/绑定(bind)之前显示 knockoutjs 模板

Question

我正在使用 Knockoutjs 模板。该页面加载了模板 html 显示一秒钟，然后在加载和绑定(bind) viewModel 后，它会正确显示。处理这个问题的最佳方法是什么？目前，我将模板包装在一个设置为 display: none 的 div 中，然后在应用绑定(bind)后将其删除。

Answer 1

将您的标记包装在脚本标签中:

<script type="text/html" id="viewModelTemplate">
... your markup ...
</script>

然后有一个顶级元素:

<div data-bind="template: {name: 'viewModelTemplate'}"/>

有帮助。