В чём дело со слайдером, или почему не работает его функционал при подключении к Angular 2?

Question

[Umid]

Салют!

Возникла проблема со слайдером, а точнее, его подключением к angular проекту.
Под слайдер создал отдельный компонент.


В systemjs.config.js указал путь к слайдера и подключил его в компонент слайдера(первый скрин).


В html файле компонента слайдера прописал следующее:


Скрипт слайдера срабатывает, но лишь при инициализации. Т.е. появляются нужные блоки, контроллеры, стрелки. Но функционал не работает, кнопки не реагируют и т.д.
Если понадобится посмотреть ещё что-нибудь, то сс...

Так же хотел бы узнать ваше мнение по организации проекта, в чем я уже успел накосячить и что следовало сделать иначе.
Заранее благодарю.

Answer 1

[Алексей Зуев]

Салют!

Попробуйте написать где-нибудь в стилях

carousel {
  display: block;
}

или :host если стили внутри компонента

Comments

[Umid]

ЁПРСТ!
Как? Почему?

Стоп, кажись понял.
Дело в том, что тег carousel то не стандартный так ведь?
Блин, столько времени ведь на это убил.

Как думаете, стоит ли его организовать через декоратор, или в виде компонента оставить?

[Алексей Зуев]

Всё зависит от дальнейшего использования. Для текущей реализации директивы вполне хватит. Да, это инлайновский блок у вас получился по умолчанию

Answer 2

[ozknemoy]

юзать надо/лучше слайдер именно под второй ангулар. когда будет опыт тогда и можно пробовать писать директивы обертки самому но по мне так это лишняя трата времени. проще найти готовый плагин. а стили допилить под себя

Comments

[Umid]

А как при помощи директив это сделать?

[ozknemoy]

их надо сначало хорошенько понять. тут неплохой хелп по ангулару https://angular-2-training-book.rangle.io/handout/...