gpt4 book ai didi

angular - 如何在angular2中单击按钮显示/隐藏组件?

转载 作者:太空狗 更新时间:2023-10-29 18:06:11 26 4
gpt4 key购买 nike

我有一个表格,列标题 - 按钮。当我点击它们时应该显示过滤器。过滤器是一个组件。现在我像那样显示过滤器

<button class="filter-btn" (click)="toggleFilter='category'">Category</button>
<filterbox [elements]="filters.categories *ngIf="toggleFilter=='category'"></filterbox>

我可以在没有变量“toggleFilter”的情况下显示/隐藏过滤器组件吗?即点击按钮直接显示/隐藏组件?

最佳答案

您可以像这样切换隐藏状态:

<button class="filter-btn" (click)="filter.hidden = !filter.hidden">Category</button>
<filterbox #filter [elements]="filters.categories></filterbox>

关于angular - 如何在angular2中单击按钮显示/隐藏组件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39782177/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com