2013-04-23 65 views
2

我使用MVC和我想使用的介紹教程http://learn.knockoutjs.com/#/?tutorial=intro 我想在Visual Studio中實現它們。林不完全知道如何做到這一點...學習knockout的機制.JS

所以我創建了一個JS文件:

// This is a simple *viewmodel* - JavaScript that defines the data and behavior of your UI 
function AppViewModel() { 
    this.firstName = "Bert"; 
    this.lastName = "Bertington"; 
} 

// Activates knockout.js 
ko.applyBindings(new AppViewModel()); 

而我的觀點:

<!-- This is a *view* - HTML markup that defines the appearance of your UI --> 

<p>First name: <strong>todo</strong></p> 
<p>Last name: <strong>todo</strong></p> 

但我需要創建模型和控制器照常?或者只是一個視圖和一個JS文件?

請指點不知道這是如何工作

+4

你忘記把'data-bind'屬性放在你的html中。如果這是一個MVC項目,你仍然需要一個控制器來爲頁面提供服務,儘管你不需要一個模型。 – Tyrsius 2013-04-23 16:34:38

回答

0

有更多CONFIGS,如果你想使用他們的設計的真正目的做的,但這裏是基本的,使他們運行的基本:

$(function(){ 
    var viewModel = 
    { 
     firstName : "Bart", 
     lastName : "Bartington" 
    }; 
    ko.applyBinding(viewModel); 
}); 
鑑於

<p><span data-bind="text: firstName"> <span></p> 
<p><span data-bind="text: lastName"> <span></p> 

不要忘了,如果你想2個方式數據綁定忘記觀測和其他設置。