javascript - 学习 knockout.JS 的机制

Question

我正在使用 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>

但我需要像往常一样创建模型和 Controller 吗？或者只是一个 View 和一个 JS 文件？

不知道如何操作请指教

Answer 1

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

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

在 View 中:

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

如果您想要 2 种数据绑定(bind)方式，请不要忘记忘记可观察对象和其他设置。