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>

但是我需要像往常一样创建模型和控制器吗？还是只是一个视图和一个 JS 文件？

请建议不确定这是如何工作的

Answer 1

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

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