我试图弄清楚如何使两个元素的可见性基于同一变量进行切换。包装元素不是一种选择，因为我需要在元素不可见时与它们进行交互。我尝试了一下，在某个地方找到了一个示例，但是没有用，两个元素始终可见：
#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'}};
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句