Самый простой и короткий способ использовать jQuery в Angular 2/4

Question

Самый простой и короткий способ использовать jQuery в Angular 2/4

-1

Как использовать jQuery с Angular?

Как импортировать jQuery в Angular2 проекты с виджетами?

Я не знаю, безопасно ли это, но обязательно поможет. вполне

Vadamadafaka 07 сен. 2017, в 12:58

Источник

0

читать это: gurustop.net/blog/2016/11/18/3821/…
Faisal 07 сен. 2017, в 10:40
0

уже есть так много ответов на одно и то же, что вы точно хотите узнать? ты где-то застрял? тогда опубликуйте свой код
Pardeep Jain 08 сен. 2017, в 05:28

Теги:

angular

jquery

typescript

2 ответа

Ещё вопросы

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

Kunvar Singh · Answer 1 · 2017-09-08T03-36-00.000Z

У нас есть два варианта использования jQuery в angular2/4.

Шаг 1:

Загрузите библиотеку jQuery в папку проекта и укажите путь в angular/cli json с помощью модуля script.

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

Шаг 2: или мы можем использовать онлайн-CDN или локальный путь библиотеки jQuery в index.html

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700" rel="stylesheet">

    <link href="/font-awesome.min.css" rel="stylesheet">
//here you can give link to it
  </head>

Vadamadafaka · Answer 2 · 2017-09-07T08-15-00.000Z

1-й шаг

Из index.html

мой тест-проект\SRC\index.html

Введите jQuery cdn ниже тега app-root.

...
<body>
  <app-root></app-root>
  <script src="/jquery-3.2.1.min.js"></script>
</body>
...

Шаг 2

мой тест-проект\SRC\приложение\тест\test.component.ts

Перейдите к нужным компонентам .ts script.

import { Component, OnInit } from '@angular/core';

// this line will allow you to use jQuery
declare var $: any;

@Component({
  ...
})

Третий шаг

мой тест-проект\SRC\приложение\тест\test.component.ts

Проверить jQuery путем ведения журнала 'I<3Cats' внутри синтаксиса jQuery $(() => { /* content here */ }).

export class TestComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    $(() => {
      console.log('hello there!');
    });
  }

}

Вы также можете использовать эту технику с другими библиотеками javscript. Я не знаю, безопасно ли это, но обязательно поможет. вполне