如何在 Aurelia 中访问自定义元素中的变量?
How do I access variables in custom elements in Aurelia?
我的页面上有一个自定义元素,需要从自定义元素访问 app.js 上的变量。将我需要的数据绑定到自定义元素是唯一的方法吗?
<custom-element data.bind="data"></custom-element>
我问的原因是我 运行 是一个创建多个自定义元素的循环,不想像那样将 5 个变量绑定到每个自定义元素。就问有没有别的办法?
自定义元素的模板无法访问外部范围。这是设计使然。它确保自定义元素是可移植的。这反映了 <div>
、<a>
等标准元素的工作方式。您可以在任何地方使用这些元素。向它们传递数据的唯一方法是通过它们的属性。
如果您想将自定义元素与外部视图模型紧密耦合,您可以这样做:
<custom-element app.bind="$this"></custom-element>
但不推荐这样做
我的页面上有一个自定义元素,需要从自定义元素访问 app.js 上的变量。将我需要的数据绑定到自定义元素是唯一的方法吗?
<custom-element data.bind="data"></custom-element>
我问的原因是我 运行 是一个创建多个自定义元素的循环,不想像那样将 5 个变量绑定到每个自定义元素。就问有没有别的办法?
自定义元素的模板无法访问外部范围。这是设计使然。它确保自定义元素是可移植的。这反映了 <div>
、<a>
等标准元素的工作方式。您可以在任何地方使用这些元素。向它们传递数据的唯一方法是通过它们的属性。
如果您想将自定义元素与外部视图模型紧密耦合,您可以这样做:
<custom-element app.bind="$this"></custom-element>
但不推荐这样做