我可以将属性绑定到 Web 组件吗？

Question

如果我有全局 @observable var myObservable = 'foo'; 我可以像这样将它传递给 Web 组件：

    <x-component my-attribute="{{myObservable}}"></x-component>

它在WebComponent.created() 生命周期方法之前传递给XComponent.myAttribute。问题是当我更改 myObservable = 'bar'; 时，XComponent.myAttribute 没有更改。

这种类型的绑定可能以某种方式实现吗？或者WebComponent.attributeChanged(...) 是这个的关键（当它由 Web UI 团队实现时）？

Answer 1

我相信您可以为此使用bind-。

试试这个：

<x-component bind-my-attribute="myObservable"></x-component>

另外，请记住也为my-attribute 指定@observable。