dart - Dart 聚合物中的条件CSS

我试图弄清楚如何使两个元素的可见性基于同一变量进行切换。包装元素不是一种选择，因为我需要在元素不可见时与它们进行交互。我尝试了一下，在某个地方找到了一个示例，但是没有用，两个元素始终可见:

  #fieldsList {
    display:{{ {none: editing == true, block: editing == false} | tokenList }};
  }
  #fieldsEdit {
    display:{{ {none: editing == false, block: editing == true } | tokenList}};
  }

我通过将CSS包装在模板条件中进行了尝试，但这也导致两个元素始终可见:

  <template if="{{ editing == true}}">
    #fieldsList {
      display: none;
    }
  </template>
  <template if="{{ editing == false}}">
    #fieldsEdit {
      display: none;
    }
  </template>

我要解决这个错误吗？我正在将Dart 1.7.2与Polymer 0.15.1 + 5结合使用。

最佳答案

您可以这样使用条件CSS:

#fieldsList {
  display:{{editing ? 'none' : 'block'}};
}
#fieldsEdit {
  display:{{editing ? 'block' : 'none'}};
}