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

Question

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

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 Types 并导入了它import * as Waypoint from 'waypoints';

收到错误[ts] file pathtofolder/@types/waypoints/index.d.ts is not a module

Answer 1

在 app.component.ts 中替换

declare var Waypoint: any;

与

declare const Waypoint: any;

会成功的。

P.S：我目前使用的是 Angular 7，这个解决方案对我有用。

Answer 2

安装Waypoints types为航点安装类型。

import * as Waypoint from 'waypoints'.

希望对你有帮助。