父模板视图模型中子模板和对象属性之间的双向绑定？答案

【问题标题】：Two-way binding between child template and object property in parent template view model?父模板视图模型中子模板和对象属性之间的双向绑定？
【发布时间】：2017-02-24 14:02:29
【问题描述】：

我们正在构建一个基于表单的应用程序，以允许用户编辑多级嵌套对象的属性。将对象属性作为子元素上的命名视图模型属性传递时，绑定似乎不起作用：

https://gist.run/?id=b04915bc1f3b8675ea159b9a481d68e8

我应该改变什么，所以子模板与父模板视图模型中的对象的属性具有双向绑定？

【问题讨论】：

我可以考虑将根对象传递给子模板，而不是尝试双向绑定属性。但是，由于我们正在建模的对象的嵌套性质，我希望我们可以将顶级对象和子对象的属性传递到子模板中。
我有一个绑定行为，可能会帮助你做你想做的事。在此处查看：gist.run/?id=8fb1a6c144253b7f361145b1b5f7b05c 请与我联系，以便我可以设置一个会话来与您和您的团队一起检查此代码。

标签： javascript aurelia

【解决方案1】：

将可绑定的info 添加到open-api-info.js：

import {bindable, bindingMode} from 'aurelia-framework';

export class OpenApiInfo {
  @bindable({ defaultBindingMode: bindingMode.twoWay }) info = {};
  constructor() {
    console.log(this);
  }
}

更新要点：https://gist.run/?id=ce6e048f043fdc752815cec324c4ea1c

【讨论】：

这只提供了一种数据绑定方式。您必须将其配置为双向数据绑定。
它包含在要点的视图模板中，但你是对的。我会编辑答案。