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

Question

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

角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');
      }
    });

  }

我收到了错误..

任何帮助将不胜感激

谢谢！

修改

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

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

Answer 1

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

import * as Waypoint from 'waypoints'.

我希望它可能有所帮助。

Answer 2

在app.component.ts中替换

declare var Waypoint: any;

与

declare const Waypoint: any;

可以解决问题。

P.S：目前，我正在使用Angular 7，该解决方案对我有效。