Java 瓦丁：为什么我的电视机不工作？设计总是显示出来

我正在使用Designer开发一个Maven、Vaadin，我无法解决为什么我的代码仍然显示“test”和“test2”，因为通过testView2.setVisible（false）“test2”标签应该被隐藏。以下是所有相关代码。希望有人能帮忙

TestView.java

@Tag("test-view")
@HtmlImport("src/views/kunde/test-view.html")
@Route("test")
public class TestView extends PolymerTemplate<TestView.TestViewModel> {

@Id("testView2")
private TestView2 testView2;

    public TestView() {
         testView2.setVisible(false);
    }

    public interface TestViewModel extends TemplateModel {
    }
}

@Tag（“测试视图”）
@HtmlImport（“src/views/kunde/test view.html”）
@路线（“测试”）
公共类TestView扩展了PolymerTemplate{
@Id（“testView2”）
私有TestView2 TestView2；
公共测试视图（）{
testView2.setVisible（false）；
}
公共接口TestViewModel扩展了TemplateModel{
}
}

测试视图.html

<dom-module id="test-view"> <template>
<style include="shared-styles">
:host {
    display: block;
}
</style>
<div>
    <label>Label</label>
</div>
<test-view-2 id="testView2"></test-view-2> 
</template> <script>
        class TestView extends Polymer.Element {
            static get is() {
                return 'test-view';
            }
            static get properties() {
                return {
                    // Declare your properties here.
                };
            }
        }
        customElements.define(TestView.is, TestView);
    </script> </dom-module>

<dom-module id="test-view-2">
<template>
<style include="shared-styles">
        :host {
            display: block;
        }
    </style>
<div>
    <label>test2</label>
</div>
</template>
<script>
    class TestView2 extends Polymer.Element {
        static get is() {
            return 'test-view-2';
        }
        static get properties() {
            return {
                // Declare your properties here.
            };
        }
    }
    customElements.define(TestView2.is, TestView2);
</script>
</dom-module>

：主持人{
显示：块；
}
标签
类TestView扩展了Polymer.Element{
静态get是（）{
返回“测试视图”；
}
静态获取属性（）{
返回{
//在这里申报你的财产。
};
}
}
定义（TestView.is，TestView）；

test-view-2.html

<dom-module id="test-view"> <template>
<style include="shared-styles">
:host {
    display: block;
}
</style>
<div>
    <label>Label</label>
</div>
<test-view-2 id="testView2"></test-view-2> 
</template> <script>
        class TestView extends Polymer.Element {
            static get is() {
                return 'test-view';
            }
            static get properties() {
                return {
                    // Declare your properties here.
                };
            }
        }
        customElements.define(TestView.is, TestView);
    </script> </dom-module>

<dom-module id="test-view-2">
<template>
<style include="shared-styles">
        :host {
            display: block;
        }
    </style>
<div>
    <label>test2</label>
</div>
</template>
<script>
    class TestView2 extends Polymer.Element {
        static get is() {
            return 'test-view-2';
        }
        static get properties() {
            return {
                // Declare your properties here.
            };
        }
    }
    customElements.define(TestView2.is, TestView2);
</script>
</dom-module>

：主持人{
显示：块；
}
测试2
类TestView2扩展了Polymer.Element{
静态get是（）{
返回“test-view-2”；
}
静态获取属性（）{
返回{
//在这里申报你的财产。
};
}
}
define（TestView2.is，TestView2）；

原因很可能是因为Flow在使用

setVisible（false）

时使用了

hidden

HTML属性。但是，由于默认情况下设计器会将

：host{display:block；}

添加到设计中，因此设计将不遵循

hidden

属性

可以通过将以下样式手动添加到设计中来解决此问题：

:host([hidden]) {
  display: none !important;
}

---

原因很可能是流在使用

setVisible（false）

时使用了

hidden

HTML属性。但是，由于默认情况下设计器会将

：host{display:block；}

添加到设计中，因此设计将不遵循

hidden

属性

可以通过将以下样式手动添加到设计中来解决此问题：

:host([hidden]) {
  display: none !important;
}