jQuery Joyride и реализация AngularJS

#javascript #jquery #angularjs

#javascript #jquery #angularjs

Вопрос:

У кого-нибудь есть опыт реализации jQuery Joyride (http://zurb.com/playground/jquery-joyride-feature-tour-plugin ) с AngularJS?

Я следил за руководством на веб-сайте Joyride, но, похоже, оно не работает. Я прочитал в Интернете, что мне может понадобиться использовать пользовательскую директиву, но я не уверен, с чего начать.

Любая помощь? Спасибо!

Комментарии:

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

2. Это что-то вроде jsfiddle.net/mattymess/ZZH6P

3. Вот альтернатива: npmjs.org/package/ng-onboarding

Ответ №1:

Вы, наверное, уже нашли это https://github.com/abhikmitra/ng-joyride . Абхик Митра уже выполнил всю работу по переносу в директивы. Я использовал его в течение последних нескольких дней, кажется, работает нормально, я обнаружил одну ошибку с шаблонами «title» и областью видимости, но в остальном довольно приличный модуль.

Комментарии:

1. На самом деле, поработав с ним несколько дней, я решил отказаться от него и написать свой собственный, слишком много проблем с работой в приложении angular. Было бы хорошо для одной статической страницы, для которой изначально была написана joyride, но при добавлении динамических данных возникает слишком много проблем.

2. Можете ли вы рассказать мне, с какими проблемами вы столкнулись? Я был бы рад все это исправить

3. Спасибо, это хорошее предложение. Проблемы были в основном связаны с динамическими данными, если бы элементов не было в DOM, модуль нарушал бы пользовательский интерфейс, заманивая пользователя в ловушку за занавеской. Кроме того, нам нужно было больше контроля над выделением и позиционированием, а также чувствовали, что лучше отделить от всплывающего окна начальной загрузки. Я разветвил код и внес некоторые обновления для работы с нашим приложением, но в итоге переписал версию, которая учитывает динамические шаги, настраиваемое позиционирование, отсутствие начальной загрузки и изменения местоположения — это то, что нам было нужно.

4. К сожалению, я не могу опубликовать переписывание, поскольку оно считается интеллектуальной собственностью компании, в которой я работаю, но вы всегда можете заглянуть в мой форк на github, чтобы узнать, какие изменения были внесены. — Приветствия!

5. теперь поддерживаются динамические шаги и изменение местоположения. Отсутствие начальной загрузки и настраиваемое позиционирование кажутся хорошими функциями. Спасибо за идеи 🙂