在 Angular 上安装汉堡 CSS

Question

我的目的是在我的 Angular 项目上安装来自 Jonathan Suh的Hamburger CSS。

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

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

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

Answer 1

要遵循的步骤，

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