Использование waypoints.js в приложении Angular 4

Эй, я пытаюсь использовать 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');
      }
    });

  }

Я получаю ошибку..

Любая помощь будет оценена

Спасибо!

редактировать

Я установил Типы путевых точек и импортировал их import * as Waypoint from 'waypoints';

получать ошибку [ts] file pathtofolder/@types/waypoints/index.d.ts is not a module

1 ответ

В app.component.ts заменить

declare var Waypoint: any;

с

declare const Waypoint: any;

сделает свое дело.

PS: сейчас я использую Angular 7, и это решение работает для меня.

Установите путевые точки для установки типа путевой точки.

import * as Waypoint from 'waypoints'.

Я надеюсь, что это может помочь.

Другие вопросы по тегам