css - 在Angular上安装Hamburger CSS

我的意图是在Angular项目上安装Hamburger CSS from Jonathan Suh。

我使用npm i --s hamburgers成功添加了软件包。我还将其CSS文件添加到我的angular.json文件中。

当我尝试使用下面的代码添加一个汉堡包时，该汉堡包正在显示，但是无法单击。这是为什么？

<button class="hamburger hamburger--collapse" type="button">
    <span class="hamburger-box">
      <span class="hamburger-inner"></span>
    </span>
  </button>

最佳答案

遵循的步骤


安装汉堡包。 npm install hamburgers --save
导入styles.scss @import '~hamburgers/_sass/hamburgers/hamburgers.scss';
在html中使用汉堡包div并切换类。 (click)="active=!active" [ngClass]="active ? 'is-active' : ''"