javascript - KNockout JS - 加载外部模板

Question

大家好，我正在构建一个与此示例非常相似的 CRUD 系统 http://jsfiddle.net/rniemeyer/WpnTU/ .

上下文:

我有几个 HTML 页面，每个页面都包含相同的数据表但显示不同的信息(每个页面都有不同的用途)。

在每一行上都有一个编辑按钮，就像您在示例中看到的那样。由于模态形式在所有 HTML 页面中都是相同的，因此我决定创建一个包含模态形式的 HTML 页面。然后，我在每个 HTML 页面上使用 jquerys 加载函数，例如 $("#load_modal").load("pages/modal_form.html");。

问题:

在基本的 HTML 页面上，效果很好。我认为这是一个绝妙的方法，并表扬了自己。但现在我遇到的问题是，当开始实现 knockout 时，dosen 似乎合作得很好。模态剂量总是正确弹出等等。

我的问题:

此时我不想弄清楚我的代码问题。我花了好几天甚至几周的时间盯着它看，我得出的结论是我需要重新考虑我的方法。我很想听听您对解决此类问题的最佳方法的一些看法。

目前的想法:

• 我找到了这个 https://github.com/rniemeyer/knockout-amd-helpers/tree/master/examples但是 dosent 使用最新的 knockout 版，对于我需要的简单的东西来说似乎更复杂。

• 我还看到使用 requireJS 是另一种想法，但老实说，这些对我来说似乎让事情变得复杂。

有没有人知道更简单的模板解决方案，甚至有完全不同的方法？

Answer 1

使用 jQuery 修改 DOM 在 Knockout 中效果不佳。您可以使用 components定义表单 HTML。使用 observable 来切换显示哪个组件。