javascript - 在 Angular 4 应用程序中使用 waypoints.js

Question

嘿，我正在尝试使用 Waypoints.js在我的 Angular 应用程序中..我似乎无法让它工作

angular-cli.js

"scripts": [
    "../node_modules/waypoints/lib/noframework.waypoints.min.js"
  ]

app.component.ts

import { Component,  OnInit } from '@angular/core';
    declare var Waypoint: any;

export class OurTechnologyComponent implements OnInit {

  constructor() {}

  ngOnInit() {

    //waypoints
    const grinner = new Waypoint({
      element: document.querySelector('.tech-section'),
      handler: function () {
        alert('hello');
      }
    });

  }

我收到错误..

如有任何帮助，我们将不胜感激

谢谢!

编辑

我已经安装了 Waypoints 类型并将其导入import * as Waypoint from 'waypoints';

出现错误[ts]文件pathtofolder/@types/waypoints/index.d.ts不是模块

Answer 1

在app.component.ts中替换

declare var Waypoint: any;

与

declare const Waypoint: any;

就可以了。

P.S:我目前正在使用 Angular 7，这个解决方案适合我。