Правильный способ интеграции JS в Angular

Question

Я хочу включить библиотеку JS в мое приложение Angular. Я искал это, и я нашел много подходов. В моем случае я включу эту библиотеку https://mauriciopoppe.github.io/function-plot/. Я ожидал, что смогу создать модуль, например 'plot-function', которая предоставляет тег функции, который принимает параметры, необходимые библиотеке.

Как пример:

<div class="somediv">
    <ng-function [options]="options" [function]="function"></ng-function>
</div>

Но я не могу найти подход, который будет работать так. У вас есть идеи или это невозможно?

Answer 1

Есть несколько соображений и разных ответов в зависимости от того, какую библиотеку вы пытаетесь интегрировать ...

1. Библиотека представляет собой модуль NPM

Если это так, импортируйте его в свой код, используя самый современный модуль синтаксис, поддерживаемый библиотекой - в идеале, используя некоторый синтаксис импорта ES6 / TypeScript, описанный здесь . Если библиотека не поддерживает один из этих современных синтаксисов импорта, вы все равно можете использовать ES5 с указанием синтаксиса:

const myModule = require('myModule');

2. Библиотека не является модулем NPM

См. Это официальное руководство