Question

我有一个按钮，当我单击该按钮时，我希望正文获得“打开菜单”类。使用jQuery，这非常容易，我要做的就是添加这行代码

$('.burger').click(function() { $('body').toggleClass('menu-open'); }); };

但是我不明白如何用打字稿在Angular中实现！我在网上可以找到的所有信息都与在同一个元素上切换类有关！

Answer 1

只需向您的组件类添加一个布尔属性：

menuOpened: boolean = false;

单击按钮后，您需要做两件事：

切换menuOpened：

<button (click)="menuOpened = !menuOpened">Click to Toggle Menu</button>

有条件地添加类：

<div [class.menu-open]="menuOpened"></div>

这是您推荐的Working Sample StackBlitz。

Answer 2

完全没有棱角：document.body.classList.add('menu-open'); 删除：document.body.classList.remove('menu-open')