Используйте 3-й плагин в Angular

Question

Я хочу использовать в своем приложении третьи плагины javascript, такие как Typed.js, AOS.js, mo.js или что-то еще.Я все еще выясняю, как правильно использовать эти третьи плагины.Хотя некоторые из них предоставляют отличную документацию, я все еще ошеломлен, потому что лишь немногие предоставляют полный пример, я все еще новичок в Angular

Я все еще выясняю, где правильно разместить код javascript / jquery в моем *Файл .component.ts, как импортировать плагин и все, что нужно для работы 3-х плагинов.

А также я все еще ищу способ прослушивания события, такого как прокрутка мыши.Я читал о HostListener, но здесь нет простого объяснения, поэтому я использую его без полного понимания.

Есть ли что-нибудь, что я мог бы прочитать / научить, чтобы решить эту проблему?

Answer 1

Некоторые сторонние библиотеки упакованы в модули Angular и готовы к использованию.Работа с чистыми библиотеками JavaScript - это не англоязычный фреймворк.

Чтобы использовать их в машинописи, вам просто нужно включить их в инструмент сборки (например, раздел Webpack scripts) и использовать как в JavaScript.

Кроме того, вы можете предоставить собственный файл объявления *.d.ts для достижения типов TS и intellisense.

Некоторые библиотеки могут вызывать проблемы, поскольку они не зависят от жизненного цикла Angular.

Answer 2

Вы можете импортировать файл .js, используя

1) import * как aos из './AOS.js';

2) создать файл определения index.d.ts внутриПапка 'login' с методами и классом.

export declare class AOS{
    type: any;
    method1(): string;
}

3) В вашем компоненте вы можете импортировать как импорт {AOS} из './login';

AOS.method1();