javascript - 如何访问 Aurelia 中自定义元素中的变量？

Question

我的页面上有一个自定义元素，需要从该自定义元素访问 app.js 上的变量。这是将我需要的数据绑定(bind)到自定义元素的唯一方法吗？

<custom-element data.bind="data"></custom-element>

我问的原因是我正在运行一个循环来创建多个自定义元素，并且不想像这样将 5 个变量绑定(bind)到每个自定义元素。想问一下还有没有别的办法？

Answer 1

自定义元素的模板无法访问外部范围。这是设计使然。它确保自定义元素是可移植的。这反射(reflect)了标准元素的工作方式，例如 <div> , <a>等等。您可以在任何地方使用这些元素。向它们传递数据的唯一方法是通过它们的属性。

如果您想将自定义元素紧密耦合到外部 View 模型，您可以执行以下操作:

<custom-element app.bind="$this"></custom-element>

但不建议这样做