如何在 Aurelia(奥雷利亚）中访问自定义元素中的变量

How do I access variables in custom elements in Aurelia?

本文关键字：访问自定义元素变量雷利亚 Aurelia 更新时间：2023-09-26

我的页面上有一个自定义元素，需要从自定义元素访问应用程序上的变量.js。是将我需要的数据绑定到自定义元素的唯一方法吗？

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

我

问的原因是我正在运行一个循环来创建多个自定义元素，并且不想像那样将 5 个变量绑定到每个自定义元素。只是问是否有其他方法？

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

如果要将自定义元素与外部视图模型紧密耦合，可以执行以下操作：

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

但不建议这样做