Как я могу использовать javascript npm в проекте angular 6?

Question

Я новичок в Angular 6 и не знаю, как использовать npm i d3-dtree в Angular 6. Как я могу использовать библиотеки Javascript с использованием npm, особенно для Angular 6?

Я хочу создатьродословная вот так скрипка с использованием d3-dtree. Кто-нибудь может дать мне руководство или демонстрацию, как использовать d3-dtree с npm в ссылке StackBlitz?

Answer 1

Для угловых, зайдите в проект и запустите npm install d3 angular-d3-tree Затем добавьте модуль в массив import в app.module.ts.

Демонстрация: https://stackblitz.com/edit/angular-d3-tree

Для получения более подробной информации перейдите на https://github.com/jgpATs2w/angular-d3-tree

Надеюсь, это поможет.

Answer 2

Я думаю, теперь вы можете понимать npm как установщик библиотеки. Он определенно делает больше, чем, например, он может обслуживать веб-страницы, но подумайте об этом сейчас ...

Я долго использовал простой Javascript в .html файлах. Поэтому мне было очень трудно привыкнуть к тому, как работает современная семья Javascript в наши дни. Например, вам не нужен HTTP-сервер для размещения .html файлов и обслуживания веб-страниц.

Так что запустите ваш проект Angular на серверном устройстве, используя Angular CLI , который поддерживается npm. Затем в папке вашего проекта выполните npm i d3-dtree и установите библиотеку. Вы можете импортировать и использовать библиотеку другим способом, как вы это делали в файлах .html по старинке.