如果在Angular 9中没有子组件，如何在父元素上设置display:none？

在Angular 9中，如果没有子组件，可以通过以下方式在父元素上设置display:none：

1. 使用ngIf指令：在父元素上添加ngIf指令，并设置条件为false。这将从DOM中移除该父元素，实现了display:none的效果。

<div *ngIf="false">
  <!-- 父元素的内容 -->
</div>

1. 使用CSS类：为父元素定义一个CSS类，并在组件中动态切换该类的使用。在组件的代码中，通过设置一个布尔类型的属性来控制是否添加或移除该CSS类。

<div [class.hidden]="hideParent">
  <!-- 父元素的内容 -->
</div>

.hidden {
  display: none;
}

// 在组件类中定义一个属性
hideParent: boolean = true;

通过在组件中改变hideParent属性的值，可以控制父元素的显示与隐藏。

注意：以上方法适用于没有子组件的情况。如果有子组件，使用这些方法可能会导致子组件也被移除或隐藏。若要仅隐藏父元素而保持子组件可见，可以将子组件放置在一个额外的包裹元素中，然后对该包裹元素应用上述方法。

推荐的腾讯云产品：腾讯云云服务器（CVM）是一项灵活可扩展的计算服务，提供了多种规格和配置的云服务器实例供选择。您可以根据业务需求，灵活选择适合的配置，并配合其他腾讯云服务构建出全面的云计算解决方案。更多信息请参考腾讯云云服务器产品介绍：https://cloud.tencent.com/product/cvm