无法使用绑定数据将自定义数据属性添加到聚合物元素

Question

无法找到此问题或现有问题的任何答案。

当我尝试向元素添加用户 ID 或任何类型的数据属性时，如果我使用任意字符串，它工作正常。很快，我使用了一个数据字符串，数据属性从元素中完全消失了。

有人对为什么会发生这种情况有一些合乎逻辑的答案吗？这是一个示例，其中我试图将用户 ID 添加到容器中，以便我可以检索选定的用户。 "data-userid='{{item.user_id}}'"

    <template is="dom-repeat" items="{{data}}">
        <div on-tap="_userClick" data-userid="{{item.user_id}}" class="user-contain">
            <user-display user-id="{{item.user_id}}" style="float:left;"></user-display>
        </div>
    </template>

谢谢你们。

Answer 1

要绑定到 data-* 属性，您必须使用 $= 而不是普通的 =.

示例：

<div data-url$="{{myVal}}"></div>

Answer 2

要绑定到 data-* 属性，您必须使用 data-$ 而不是普通的 data-.

示例：

<div data-url$ = "{{myVal}}"></div>
<div data-url$="{{myVal}}"></div>

这些都行不通：

<div data-url  $= "{{myVal}}"></div>
<div data-url="{{myVal}}"></div>

我不知道为什么需要一个“$”，如果有人能在评论中说明原因，我会很高兴。

无法使用绑定数据将自定义数据属性添加到聚合物元素

Not able to add custom data-attributes to polymer elements using bound data

polymer

custom-data-attribute