css - 在 Angular 上安装 Hamburger CSS

Question

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

我使用 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>

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' : ''"