如何在 Polymer 模板中使用布尔值切换类？

Question

希望不使用如here 所示的辅助函数来实现此目的。我知道我可以使用一些基本的运算符（即!），但想在模板中使用更多的逻辑。基本上，目的是使用通过iron-media-query 设置的布尔值来切换元素上的类。

伪代码：

<div class$="[[(mobile)?'mobile-styling':null]]"></div>

附：类名不能是布尔变量名。

谢谢

Answer 1

很遗憾，此功能已被弃用以提高性能。 polymer 1.0+ 仅支持以下：

1. 属性或子属性路径（用户、地址.street）。
2. 计算绑定 (_computeName(firstName, lastName, locale))。
3. 以上任何一项，前面都有否定运算符 (!)。

这是一个如何实现计算绑定的示例：

<dom-module ...>
  <template>
    <div class$="[[hasMobileStyle(mobile)]]"></div>
  </template>
  <script>
    Polymer({
      ...
      hasMobileStyle: function(mobile) {
        return mobile ? 'mobile-styling' : '';
      }
    });
  <script>
</dom-module>

您还可以使用布尔值作为选择器来摆脱计算绑定：

<div class$="mobile-styling--[[mobile]]"></div>

你会在.mobile-styling--true上做一个选择器

您所要求的无法完成。只有三个条件有效，[[(mobile)?'mobile-styling':null]] 不符合条件。