Как я могу использовать код JavaScript в Angular 7? - PullRequest
Новая
       23

Как я могу использовать код JavaScript в Angular 7?

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

Я пытаюсь создать разборную навигационную панель с помощью MaterializeCSS, когда она используется на экране мобильного устройства, и мне нужно использовать в ней код JavaScript.Где я должен написать этот код JavaScript?

Это код, который я хочу использовать: 

**$(document).ready(function(){
    $('.sidenav').sidenav();
  });**

Ответы [ 3 ]

0 голосов
/ 26 ноября 2018
  1. Установить jQuery npm install jquery
  2. Установить MaterializeCSS npm install materialize-css@next
  3. Типы установки npm install --save @types/materialize-css @types/jquery
  4. Открыть angular.json и найти scripts поле
  5. Добавить node_modules/jquery/dist/jquery.min.js и node_modules/materialize-css/dist/js/materialize.min.js внутри массива: 
"scripts": [
    "node_modules/jquery/dist/jquery.min.js",
    "node_modules/materialize-css/dist/js/materialize.min.js"
]
Перейдите к компоненту и добавьте сверху declare var jQuery: any;

Пример 

(function ($) {
    $('.sidenav').sidenav();
})(jQuery);

Вы можете использовать это внутри ngOnInit.

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

Шаг 1: Создание папки js внутри папки активов.

Шаг 2: Создание нового файла .js внутри папки js.Assets -> js -> example.js

Шаг 3: добавлен путь к файлу example.js в angular.json внутри массива скриптов.

Шаг 4: объявлена ​​созданная функция jsв example.js внутри файла component.ts, где требуется эта функция.

Шаг 5: Выполнен вызов объявленной функции внутри ngOnInIt ().

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

Найдите и откройте angular.json, затем добавьте к projects.architect.build.options объекту следующее поле и измените путь к файлу на свой: 

"scripts": [
  "path/to/js/you/want/use.js"
]

Angular добавит эти пользовательские файлы в результате сборки

...