如何在Polymer中连接两个类（plain和binded）

Question

我需要2个类的元素。我从我的范围和第二类收到的第一个总是不变的。我如何在模板中连接它们？

  <template>
    <div class="b-item-additional-menu">
      <template is="dom-repeat" items="{{menu}}" as="item">
          <span class$="{{item.className}}"></span>
      </template>
      <mail-item-menu-dropdown></mail-item-menu-dropdown>
    </div>
</template>

我需要结果<span class$="binded_class plain_class"></span>

谢谢！

Answer 1

您可以计算使用computed bindings，因为Polymer 1.0不支持字符串连接。

<span class$="{{computeClass(item.className)}}"></span>

您可以在元素的原型中定义computeClass函数。

Polymer({
   is: "my-element",
   computedClass: function(class) {
       return plain_class +" " +class;
   }