Javascript 聚合物dom重复xlink未按预期渲染

我的问题和问题描述的差不多

我有一些svg符号，我想用Polymers

dom repeat

动态插入它们

我使用一个函数从数组

{{{icons}}

中需要的符号中获取所有ID，然后循环true以插入svg

我的代码如下所示：

<div class = 'housing-icons'>
  <template is="dom-repeat" items="{{icons}}">
    <div id = 'BUTTONID'>
      <svg class="icon">
        <use xlink:href$='{{item.id}}'></use>
        <!--<use xlink:href='#bed'></use>-->  !!! This works as expected !!!
      </svg>
    </div>
    <paper-tooltip class="tooltip" for="BUTTONID" animation-config="{"entry": [], "exit": []}" position="top"><div class="tooltip__label">Lorem ipsum</div></paper-tooltip>
  </template>
</div>

但是当我想使用数据绑定

{{item.id}}

时，图标不会显示，在开发工具中看起来是这样的：

<use xlink:href="#bed" class="style-scope custom-housing_icons"></use>

<use class="style-scope custom-housing_icons" xlink:href="#bed"></use>

---

如果您有任何解决此问题的想法，我们将不胜感激。

这是一个已知问题。还应该有另一个这样的问题。 AFAIR的一个解决方法是静态添加名称空间

<use xlink:href$='{{item.id}}' xlink:href='#dummy'></use>

Polymer似乎可以更新

xlink:href

但无法创建它