静态和动态类在同一个元素中。聚合物

Question

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

我试过这个：

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>