1

今天我正在努力将我的一些工作转移到 Polymer 2.0。我注意到,当使用新<dom-if>元素时,它并没有隐藏在 DOM 中,并且实际上接收了继承的样式。这导致了一些布局问题。你可以在这里看到一个问题的例子:http: //jsbin.com/roqirezuvi/edit ?html,output

作为一种解决方法,我添加了一种样式来隐藏所有dom-if元素,如下所示:

dom-if{
  display: none;
}

除非我遗漏了什么,否则这似乎应该是元素的默认样式。

为了清晰,我在这里使用文档: https ://www.polymer-project.org/2.0/docs/devguide/templates#dom-if

我尝试了提到的两种方法,结果是一样的。

4

1 回答 1

0

如果您参考该文档,建议将所有必要的 HTML 包装在 .html 内的标记中dom-if,无论是它<template>还是任何其他 HTML 元素,如div. 这样您就不必自己隐藏<dom-if>使用样式。

<dom-if>
  <template>
    ...
  </template>
</dom-if>
于 2017-06-19T16:05:29.600 回答