javascript - knockout 数据绑定(bind)不起作用

Question

我在使用 knockout.js 库时遇到问题。我正在使用以下代码，但数据绑定(bind)未正确执行。

HTML代码:

<form data-bind="submit: LogintoSite">UserId:
    <input type="email" data-bind="value: UserLogin" />Password:
    <input type="password" data-bind="value: Password" />
    <button type="submit">Login</Button>
</form>

JavaScript:

var LoginScreenViewModel = function () {
    var self = this;
    self.UserLogin = ko.observable("Hello");
    self.Password = ko.observable("");
    self.LoginToSite = function () {
        alert("You Pushed the button");
    };
};
ko.ApplyBindings(new LoginScreenViewModel());

该项目本身是在 MVC 4 中，但我也在 jsfiddle 上尝试过这段代码，但它在那里也不起作用。我不知道为什么它不起作用。我假设这是我在代码中忘记的简单事情。

谢谢!

Answer 1

您的 View 模型中有 LoginToSite，而在您的数据绑定(bind)中有 LogintoSite，请注意小写的“t”。

正如评论中提到的其他人，我认为您还应该调用 applyBindings 而不是 ApplyBindings