如何控制下拉菜单图标与折叠/展开角?

Question

我尝试自定义导航栏中的下拉菜单。我想控制图标时，用户单击/关闭下拉菜单。

-fa-angle-up当用户打开下拉菜单

-fa-angle-down当用户关闭/默认下拉菜单

上面有什么问题?

这里是stackblitz

Answer 1

我已经修复了你的样品。看到这里。

去掉[ngClass]中的括号

[ngClass]="menuExpandCategory ? 'fa-angle-up' : 'fa-angle-down'"

看起来你也必须移动你的切换功能到<a>标签。

<li class="nav-item dropdown">
<a
(click)="menuExpandCategory = !menuExpandCategory"
class="nav-link dropdown-toggle"
:
>