为自定义元素 aurelia 设置绑定上下文

Question

我想为我的自定义元素设置绑定上下文。像

<my-custom-element context.bind="someproperty"></my-custom-element>

如何实现？谢谢

Answer 1

如果您尝试从自定义元素中访问父绑定上下文，只需在视图中使用 $parent.someproperty 即可上一级。如果你需要做的只是访问父级，你可以将它与 with.bind="$parent" 结合起来，这是相反的方式，但它完成了同样的事情。

设置自定义元素的绑定上下文本身并没有多大意义，因为这意味着您要更改 ViewModel

Answer 2

如果您想知道 component/custom 元素中的绑定上下文，您可以从 bind 组件生命周期方法访问它，即：

class MyCustomElement {
  context;
  bind(context, overrideContext) {
    this.context = context;
  }
}

set binding context for custom element aurelia