如何参考＆＃34;这＆＃34;在聚合物表达

Question

我想将当前的聚合物元素作为属性传递给另一个元素。使用{{this}}返回null。是否有支持的方式来访问＆＃34;这个＆＃34;除了创建一个返回值

的属性

实施例

<polymer-element name='my-el'>
  <template>
    <sub-element target={{this}}>

Answer 1

我认为不是。创建聚合物元素的新实例时，模板的范围是元素实例，并使用此范围评估表达式。因此，使用元素实例评估{{this}}，并期望它是模型上的属性。

Answer 2

根据the expression scopes section of the Polymer 0.5 documentation，您可以使用空的绑定表达式："{{}}"。请注意，这在Polymer 1.0中没有记录，所以没有保证，但似乎仍然有效。

<polymer-element name="my-el">
  <template>
    <sub-element target="{{}}"></sub-element>
  </template>
</polymer-element>

或者，您可以使用所有聚合物元素都具有的parentElement属性。有关使用core-a11y-keys进行键盘导航的文档中的Here's an example。使用`parentElement'看起来像这样：

<polymer-element name="my-el">
  <template>
    <sub-element target="{{parentElement}}"></sub-element>
  </template>
</polymer-element>

但要小心parentElement。如果移动元素，则其父元素可能会更改。

Answer 3

“{{}}”似乎是解决方案

我找不到相关的文档，但它适用于v0.5并用于现有的聚合物组件（core-a11y-keys）