显示和隐藏dropdownList Angular 9的容器

是通过使用Angular的指令和事件来实现的。以下是一个完善且全面的答案：

Angular 9是一种流行的前端开发框架，它提供了一些内置的指令和事件来处理页面元素的显示和隐藏。对于显示和隐藏dropdownList Angular 9的容器，我们可以使用ngIf指令和点击事件来实现。

首先，我们需要在组件的HTML模板中定义一个容器，用来显示和隐藏dropdownList。我们可以使用ngIf指令将该容器与一个布尔变量绑定，这个变量的值用来控制容器的显示和隐藏。例如：

<div *ngIf="showDropdownList">
  <!-- dropdownList内容 -->
</div>
<button (click)="toggleDropdownList()">显示/隐藏dropdownList</button>

在上述代码中，我们使用ngIf指令将div元素与showDropdownList变量绑定，只有当showDropdownList为true时，div元素才会被渲染到页面上。toggleDropdownList()是一个点击事件的处理函数，用于切换showDropdownList变量的值。

接下来，我们需要在组件的TypeScript代码中定义showDropdownList变量和toggleDropdownList()函数。在组件的构造函数中，我们可以将showDropdownList初始化为false，表示dropdownList容器最初是隐藏的。然后，在toggleDropdownList()函数中，我们可以通过改变showDropdownList变量的值来切换容器的显示和隐藏状态。例如：

export class YourComponent {
  showDropdownList: boolean = false;

  toggleDropdownList() {
    this.showDropdownList = !this.showDropdownList;
  }
}

通过以上步骤，我们就可以实现通过点击按钮来显示和隐藏dropdownList的容器了。当按钮被点击时，toggleDropdownList()函数会被调用，showDropdownList的值将会被切换，从而控制dropdownList容器的显示和隐藏。

Angular 9还提供了许多其他指令和事件，可以用于实现更复杂的显示和隐藏逻辑。如果你对Angular的指令和事件感兴趣，可以参考Angular官方文档中的相关内容进行进一步学习和探索。

对于Angular开发中的其他问题和需求，腾讯云提供了丰富的产品和服务来支持开发者。你可以通过访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于云计算、云原生、人工智能等方面的信息和产品介绍。