javascript - 在 $(document).ready 上添加 KO "data-bind"属性

Question

前言

我很少成为 JS 开发人员，这是我第一次尝试使用 Knockout.js 做一些事情。接下来的问题可能说明了这两点。

背景

我有一个相当复杂的 MVC3 应用程序，我正在尝试使用 KO (v2.0.0.0)。我的 MVC 应用程序旨在一般控制哪些字段出现在 View 中(以及如何将它们添加到 View 中)。它利用部分 View 来根据用户的权限决定在 View 中绘制什么(如果用户在 A 组中，则显示控件 A，如果用户在 B 组中，则显示控件 B或可能 如果用户在 A 组中，则根本不包括控件)。此外，我的模型非常平坦，因此我不确定将我的 ViewModel 应用于 View 的特定部分的内置功能是否有帮助。

我对这个问题的解决方案是在我的 Controller 中提供一个操作，该操作以 JSON 格式的对象响应，其中包含 JQuery 选择器和分配给“数据绑定(bind)”属性的内容，并将 ViewModel 绑定(bind)到 View在 $(document).ready 事件中使用提供的值。

概念验证失败

我第一次尝试证明这项工作实际上似乎并不奏效，我所说的“不起作用”是指它根本不绑定(bind)值(如 this jsfiddle 中所示)。我已经在 ready 事件中使用 applyBindings 尝试过它，但没有，但它似乎没有任何区别。

问题

我做错了什么？还是这只是不能与 KO 一起使用(尽管我至少在网上看到一个例子在做同样的事情并且它应该有效)？

就像我在前言中所说的那样，我只是假装自己是一名 JS 开发人员(虽然我过去通常已经让它工作了)所以我不知道从哪里开始尝试弄清楚什么我做错了。希望这不是一个真正的菜鸟问题。

Answer 1

您确定您引用了 Knockout 库吗？我通过简单地引用 Knockout 让你的 fiddle 工作:

fiddle

在你自己的页面中，你可以使用脚本标签来这样做:

<script src="pathToKnockoutJsFileOnYourServer" type="text/javascript"></script>