扩展点击视图

Question

我正在以棱角分明的工作，我觉得这个问题在这里被问到，但我没有得到我想要的东西，请告诉我这样做的想法。

基本上，我的HTML有这样的按钮，

现在，当用户点击其中一个按钮时，它应该显示一个列表，就像下面的图像一样，

我从https://material.angular.io/components/categories

中提取了这些例子

我已经编码了我的按钮，但是在点击按钮后无法获得逻辑，下面的视图按钮应该展开并显示列表。 请帮帮我

Answer 1

您的要求与

类似

• https://material.angular.io/components/expansion/overview

此外，如果符合您的要求，您可以使用Primeng的手风琴

• https://www.primefaces.org/primeng/#/accordion

实现此目的的另一种方法是使用*ngIf显示/隐藏来完成此操作。