Knockout没有在剃刀视图中工作

时间:2016-07-31 14:02:25

标签: knockout.js

我试图在MVC剃刀视图中包含knockout,但它不起作用。我也尝试下载一个示例解决方案,其中有淘汰赛,但它没有用。看看淘汰赛网站看起来包括淘汰赛应该很简单。关于这个问题我在网上找不到很多东西,我猜这是因为设置淘汰赛应该是直截了当的。

1)我在视觉工作室安装了淘金包管理员。

2)我在视图中添加了包含knockout的脚本引用:<script type='text/javascript' src='~/Scripts/knockout-3.4.0.js'></script>淘汰库肯定在脚本文件夹中。

3)我在淘汰网站上复制并粘贴了hello world示例:http://knockoutjs.com/examples/helloWorld.html,包括我视图中脚本部分的knockout viewmodel。

4)ko.observable,data-bind等都可以通过intellisense在视图中识别。

但是当我输入文本框时,淘汰不起作用,例如,计算机不会同时显示名字和姓氏字符串。

为了设置淘汰赛我还需要做些什么?

1 个答案:

答案 0 :(得分:1)

您必须在结束标记之前包含viewModel脚本。在调用 applyBindings 函数之前,必须加载正文的内容。

或者您可以将标题中的脚本更改为侦听document.ready事件并在加载内容时调用applyBindings。

&#13;
&#13;
$(document).ready(function() {
  ko.applyBindings(new ViewModel("Planet", "Earth"));
});
&#13;
&#13;
&#13;