Как добавить файл внешней библиотеки JavaScript к определенному компоненту в Angular версии 7 - PullRequest
Новая
       42

Как добавить файл внешней библиотеки JavaScript к определенному компоненту в Angular версии 7

0 голосов
/ 20 февраля 2019

Я новичок с угловой рамкой.В то время как я пытаюсь создать шаблон HTML, используя Angular версии 7. Я попадаю в проблему с библиотекой javascript.В моем шаблоне много страниц, таких как home, about, product и т.д ... На домашней странице мне нужно отобразить слайд, используя библиотеку jquery.slidey.js.Я использую тег script для добавления библиотеки в home.component.html, но библиотека не загружена.Таким образом, вопрос в том, как добавить внешний javascript в определенный компонент Angular.Заранее спасибо

Вы можете увидеть все мои исходники на Мой исходный код GitHub

Ответы [ 3 ]

0 голосов
/ 20 февраля 2019

Вот как я это решил.

Index.html 

<head>
 ...
 <link rel="icon" type="image/x-icon" href="favicon.ico">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

HomeComponent.ts 

 import { Component, OnInit } from '@angular/core'
 declare var $: any;


export class HomeComponent implements OnInit {

  constructor(private appService: AppService) { }

  ngOnInit() {
  }

  doSomething() {
    $("p").hide(); //example
  }

}
0 голосов
/ 20 февраля 2019

Сначала установите этот пакет npm install jquery-slider

Теперь откройте файл angular.json и добавьте ниже стили и скрипты.

"styles": [ "./node_modules/jquery-slider/..CSS File Path", ], "scripts": [ "./node_modules/jquery-slider/...JS File Path" ]

0 голосов
/ 20 февраля 2019

См. это .Ссылка показывает, как установить, настроить и импортировать библиотеку JQuery в проект Angular с подробностями и изображениями, за которыми вы можете легко следить.Внизу также есть рабочая демонстрация.

...