同一元素中的静态和动态 class。聚合物

Question

如何在同一个DOM元素中定义一个动态的class和另一个静态的？

我试过这个：

class$="{{clase}} my-static-class" 
class$="[{{clase}}, 'my-static-class']" 
class$="{{clase}}" class="my-static-class"

但不起作用。

Answer 1

Polymer 1.0 尚不支持字符串插值。但是，您可以为此使用 computed binding。

Polymer({
  ...
  computeClass: function(someClass) {
    return someClass + ' my-static-class';
  }
});

并相应地使用：

<div class$="{{computeClass(clase)}}"></div>

Static and dynamic class in the same element. Polymer