2013-08-28 101 views
0

我有一个使用MVC4和HotTowel模板的VS 2012项目。需要什么将knockout.js添加到HotTowel?

我试着用的Hello World示例替换details.html和details.js。

所以details.html现在是:

<p>First name: <input data-bind="value: firstName" /></p> 
<p>Last name: <input data-bind="value: lastName" /></p> 
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2> 

而且details.js:

// Here's my data model 
var ViewModel = function(first, last) { 
    this.firstName = ko.observable(first); 
    this.lastName = ko.observable(last); 

    this.fullName = ko.computed(function() { 
     // Knockout tracks dependencies automatically. It knows that fullName depends on firstName and lastName, because these get called when evaluating fullName. 
     return this.firstName() + " " + this.lastName(); 
    }, this); 
}; 

ko.applyBindings(new ViewModel("Planet", "Earth")); // This makes Knockout get to work 

但现在我得到的详细信息页面没什么。导航区块中的进度条只停留在那里。

我必须缺少一些基本的东西。 HotTowel中有什么我必须做的才能使它工作?

+0

不知道是否有hottowel问题或错字别的地方,但你必须在这里的代码工作完全在其上http://jsfiddle.net/veHMb/ – Anton

+0

是,它在jsfiddle中工作正常。我想知道在添加代码之前是否有必须在HotTowel中做的事情。 –

回答

0

使用F12检查是否包含knockout.js。如果没有,只是包括它

<script type="text/javascript" src="{SOME_URL}knockout-2.3.0.js"></script> 
+0

谢谢,我认为HotTowel模板包含它。我可以在浏览器页面源中看到。 –

+0

如果您使用谷歌浏览器,请按Ctrl + U检查您的源代码是否有knockout.js?如果它有它。使用F12查看javascript错误。 –

相关问题