学习淘汰赛的机制.JS

时间:2013-04-23 16:31:14

标签: javascript asp.net-mvc-3 knockout.js knockout-mvc

我正在使用MVC,我正在尝试使用http://learn.knockoutjs.com/#/?tutorial=intro上的介绍教程 我想在Visual Studio中实现它们。我不确定如何做到这一点...

所以我创建了一个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文件?

请不要确定这是如何工作的

1 个答案:

答案 0 :(得分:0)

如果您希望将它们用于设计的真正目的,还有更多的配置要做,但这是使它们运行基本的基础:

$(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种数据绑定方式,请不要忘记忘记observable和其他设置。