Как импортировать JS файл в angular 6? - PullRequest
Новая
       17

Как импортировать JS файл в angular 6?

0 голосов
/ 01 июня 2018

как я могу импортировать файл js в angular 6. Я попытался реализовать панель навигации, и она содержит функции js.спасибо !!!

Я добавляю свой js-файл с именем nav.js 

 "scripts": [
          "src/assets/js/nav.js"
        ]

Ответы [ 3 ]

0 голосов
/ 07 ноября 2018

В Angular 6 есть специальное место для объявления файлов js в выделенных массивах вашего angular.json, под 

 /projects/$(youProjectName)/architect/build/options/scripts[]

и 

 /projects/$(youProjectName)/architect/test/options/scripts[]

Например: 

npm install fast-levenshtein --save

установит библиотеку js под узлами-модулями

Путь относительно проекта файла js lib объявлен так: 

"scripts": [
   "node_modules/fast-levenshtein/levenshtein.js"
]

Затем объявите в своемкомпонент переменная (ы) для использования, как описано в документации npm или @LuaXD

0 голосов
/ 05 мая 2019

сначала вы должны установить вашу библиотеку с помощью npm.затем библиотека добавляется в вашу папку node_modules, в вашем проекте.

сейчас:

если вы хотите импортировать js-файлы в угловой проект, сначала вы должны проверить версию angular,если вы используете версии 2 и 4, вы должны написать так: 

      "scripts": [ "../node_modules/jquery/dist/jquery.min.js" ]

и если вы используете версию выше 4, например 5,6 или 7, вы должны написать так: 

      "scripts": [ "./node_modules/jquery/dist/jquery.min.js" ]

в этом примере я импортирую jquery в угловой проект.я надеюсь, это работает

0 голосов
/ 02 июня 2018

Вы должны включить в index.html, например: 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
   <title>A random project</title>
   <base href="/">

   <meta name="viewport" content="width=device-width, initial- 
    scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
   <link rel="stylesheet" href="https://cartodb- 
  libs.global.ssl.fastly.net/cartodb.js/v3/3.15/themes/css/cartodb.css" 
/>
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.15/cartodb.core.js"></script>

<app-root></app-root>
</body>
</html>

В этом случае я включил библиотеку cartodb.js, затем для использования cartodb.js в любом компоненте или службе, которую я использую: 

declare var cartodb: any;

В начале любого файла (Компонент, Сервис и т. Д.).

Обратите внимание, измените cartodb на имя библиотеки, которую вы будете использовать, например, для jquery: 

declare var jquery:any;
declare var $ :any;

У вас должно быть что-то вроде этого: 

import { Injectable } from '@angular/core';
// Other imports...

declare var cartodb: any;
@Injectable()
export class ARandomService {
}

Ps Поиск, если код, который вы хотите использовать, не существует в npm.

...