Question

我遇到了knockout.js库的问题。我使用以下代码，数据绑定未正确执行。

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

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

正如评论中提到的其他人一样，我认为你也应该拨打applyBindings而不是ApplyBindings

敲除数据绑定无法正常工作

1 个答案: