polymer - 无法使用绑定(bind)数据将自定义数据属性添加到 polymer 元素

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

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

示例:

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