聚合物dom-repeat xlink未按预期呈现

Question

我有这个问题描述的几乎相同的问题。

我有一些svg符号，我想通过Polymers dom-repeat动态插入。

我从数组{{icons}}获得了所需符号的所有ID，然后对它进行循环，以插入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>

当我硬编码<use>标记中的id #bed ，一切都很好，并且在开发工具中看起来像这样：

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

但是，当我想使用数据绑定{{item.id}} ，未显示图标，并且在开发工具中看起来像这样：

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

任何想法如何解决这个问题将不胜感激

Answer 1

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

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

Polymer似乎能够更新xlink:href很好，但无法创建它。