javascript - 仅在 ajax 请求期间呈现挖空模板

Question

我正在尝试使用 knockout 对从 jQuery 请求接收到的 JSON 数据进行快速模板呈现。

基本上，我会用已经预呈现的 HTML 内容加载页面(这样我就可以显示内容，如果用户的浏览器禁用了 javascript，我不会假装所有功能都在工作，但至少会显示基本内容)。

下次用户单击链接时，我不会重新加载页面，而是使用 Ajax 提交 get-request 并取回一些 json。那是我应该在旧内容的地方呈现的数据。

问题非常简单:我将挖空模板与我的 HTML 标记集成在一起，但是在调用 ko.applyBindings(myviewmodel) 后加载页面时，我删除了所有预呈现的内容。这是因为我的模型没有任何要渲染的项目。

有没有办法对 HTML 请求使用预渲染数据，而只对 Ajax 请求使用 knockout 模板？

Answer 1

Here is a fiddle演示 visible 绑定(bind)如何显示/隐藏模板。请注意，如果您从左侧列表中取消选择 Knockout，欢迎部分仍会正确显示。单击按钮模仿 ajax 请求，然后看到显示的模板部分。

可见绑定(bind)是一种标准的 Knockout 绑定(bind)，用于控制控件是否显示。它看起来像这样:

<div data-bind="visible: welcome">

welcome 是您的 View 模型上的可观察属性。

如果还是不清楚，我强烈推荐 Knockout Interactive Tutorials ，它们将涵盖这个和其他基本用法。