KnockoutJS - 可观察对象未定义？

Question

我还是 Knockout 的新手，所以我希望有人能够帮助我解决这个问题。

这是我的视图模型：

baseModel = {
    logged_in : ko.observable(),
    alerts : ko.observableArray(),
    errors: ko.observable()
};

在我的 HTML 中，我有：

<span data-bind="text: ($root.errors['myerror1'] === undefined)? 'undefined':$root.errors['myerror1']"></span>

我希望通过 AJAX 提取任意对象并将其分配给我的 .errors 属性。例如，当我的反应是这样的：

Object {myerror1: "password is wrong", error2: "something else is wrong"}

当我在 AJAX 成功回调中执行以下操作时，我希望它会在我的 span 中显示错误：

if( response.errors !== undefined )
     baseModel.errors = ko.mapping.fromJS(response.errors, {}, baseModel.errors);

或，

if( response.errors !== undefined )
     baseModel.errors = response.errors;

两者都没有显示我在 HTML 中绑定的 myerror1。我可能在这里做错了很多事情。我不确定出了什么问题。谢谢！

Answer 1

如果您尝试使用新值更新 errors observable，则不应使用 = 设置它，而是将新值作为参数传递给它：

baseModel.errors({myerror1: "password is wrong", error2: "something else is wrong"});

更新：我发现您的代码还有两个问题：

1. errors 以undefined 开头；最好将其设置为空对象，这样在首次评估绑定时不会出错：

   errors: ko.observable({})
   

2. 如果您希望 errors 中的值包含在 data-bind 的表达式中，您应该“调用”它以获取其值 - 而不是直接使用它：

   <span data-bind="text: ($root.errors()['myerror1'] === undefined)?
   'undefined':$root.errors()['myerror1']"></span>
   

Example.