Javascript Aurelia:使用对象绑定到自定义元素属性

如果我的视图模型中有一个对象具有自定义元素的所有

@bindable

属性值，我是否可以将视图中的这些单独属性绑定/传递到自定义元素，而不绑定/传递自定义元素上的整个视图模型数据对象

视图模型

export class MyViewModel {
  data = { foo: 1, bar: 2 }
}

当前视图

<foo foo.bind="data.foo" bar.bind="data.bar></foo>

我知道下一段代码不起作用，但它显示了我正在尝试做的事情。实际上，我有一堆自动生成的

@bindables

，视图模型中的数据对象可以有一个或多个自定义元素值

 <foo something.bind="...data"></foo>

---

我知道我可以将

数据

对象从视图模型传递到自定义元素，但我试图在自定义元素中更加明确。

真的很难理解您的问题吗？我猜您不想通过custom元素显式地传递所有变量（因为您不知道它们是什么），但您仍然希望它们作为CustomElement的VM中的单个属性？是的，这是正确的。我知道这看起来很奇怪，当然有很多方法可以解决（比如拥有一个可绑定对象属性，然后遍历该对象属性来设置其他可绑定对象的值）。然而，我只是想看看是否有更好的方法。

 <foo something.bind="...data"></foo>