Как активировать функции из сторонних скриптов в Angular2?

Question

[Umid]

Добрый вечер.

КОД ЗДЕСЬ!

Проблема следующая.
В файле app.component.html, описан html код для слайдера.
Слайдер подключается отдельным js файлом в index.html, так же как и jquery.
Вопрос следующий: Где активировать слайдер, т.е. куда вставить вот этот код:
$('.header_slider').bxSlider();
Пытался вызывать вышеописанное в index.html,


Так же пытался вызывать из app.component.ts,


Но, всё тщетно!
Пришёл за помощью к вам, очень надеюсь на ваши знания.

Comments

[vasIvas]

а нафиг Вам angular если Вы используете jQ? Кто-то узнает что Вы так делаете и будет считать Вас ненормальным.

[Umid]

vasIvas, А как же подключать js плагины, которые работают на jquery?

[sim3x]

Код вставьте текстом в вопрос в тег code

Спасибо

Answer 1

[Алексей Охрименко]

@Component({
  selector: 'slick-carousel',
  template: `<ng-content></ng-content>`
})
export class SlickCarouselComponent {
  constructor(private el: ElementRef) {}

  ngAfterViewInit() {
    $(this.el.nativeElement).slick({});
  }
}