为什么这个js代码不起作用

Why this js code is not working?

本文关键字：代码 不起作用 js 为什么      更新时间：2024-05-16

我在2 Model上使用knockout.js，但这不起作用。

function AppViewModel1(Name) {
    this.firstName = ko.observable(Name.fn);
    this.lastName = ko.observable(Name.ln);
}
function AppViewModel2(Name) {
    this.first = ko.observable(Name.fn);
    this.last = ko.observable(Name.ln);
}
 ko.applyBindings(new AppViewModel1({ fn : "yahoo", ln: ".in" }));
 ko.applyBindings(new AppViewModel2({ fn : "gmail", ln: ".com" }));

有人能解释一下我错在哪里吗？

通常，Knockout只允许绑定到单个视图模型。

视图模型可以包含对其他JS对象/类的引用，但只能绑定一个视图模型。

然而，Knockout中有一个插件可用于绑定多个视图模型：

https://github.com/hunterloftis/knockout.namespaces

看看它，看看它是否能解决您的问题

您需要限制绑定应用于dom的哪个部分。您可以在同一页面/文档上绑定多个视图模型，但它们不能重叠。因此，请指定一些ID，并将绑定限制在页面的不同部分。

或者，您可以传递第二个参数来定义要搜索文档中数据绑定属性的部分。例如，ko.applyBindings(myViewModel, document.getElementById('someElementId'))。这将激活限制为ID为someElementId的元素及其子元素，如果您希望拥有多个视图模型并将每个视图模型与页面的不同区域相关联，这将非常有用。

来自击倒可观察性文件

示例：

function AppViewModel1(Name) {
    this.firstName = ko.observable(Name.fn);
    this.lastName = ko.observable(Name.ln);
}
function AppViewModel2(Name) {
    this.first = ko.observable(Name.fn);
    this.last = ko.observable(Name.ln);
}
ko.applyBindings(new AppViewModel1({ fn : "yahoo", ln: ".in" }),
    document.getElementById('gmailArea'));
ko.applyBindings(new AppViewModel2({ fn : "gmail", ln: ".com" }),
    document.getElementById('yahooArea'));

如果您绝对必须在页面的相同部分中访问相同的视图模型，那么您只需要将所有视图模型合并到一个视图模型中。不漂亮，但很漂亮。

例如

function AppViewModel1(Name) {
    this.gmailFirstName = ko.observable(Name.gmailFn);
    this.gmailLastName = ko.observable(Name.gmailLn);
    this.yFirst = ko.observable(Name.yFn);
    this.yLast = ko.observable(Name.yLn);
}
ko.applyBindings(new AppViewModel1({ gmailFn: "google", gmialLn: ".com", yFn : "yahoo", yLn: ".in" }));

我没有在jimmym链接中使用名称空间plulgin，但它听起来很有趣。

相关文章：