Добавление скрипта вызывает проблемы с навигацией - PullRequest
0 голосов
/ 28 апреля 2020

Для проекта Angular мы хотели бы использовать встроенные видеоролики Ziggeo. В заголовок index.html я добавил необходимые скрипты Ziggeo, как указано на их сайте:

<link rel="stylesheet" href="https://assets.ziggeo.com/v2-stable/ziggeo.css" />
<script src="https://assets.ziggeo.com/v2-stable/ziggeo.js"></script>
<script>
var ziggeoApp = new ZiggeoApi.V2.Application({
    token:"APPLICATION_TOKEN"
});
</script>

(https://ziggeo.com/docs/sdks/javascript/browser-integration/header)

Это работает нормально Я могу видеть и воспроизводить видео. Однако это приводит к сбою навигации сайта. Каждому пункту меню для навигации требуется два щелчка, и кнопки с навигацией перестали работать полностью (они используют router.navigate). Я вижу, что URL меняется, но навигация не происходит. В консоли вижу ошибку Navigation triggered outside Angular zone, did you forget to call 'ngZone.run()'?. Я не могу найти ничего относительно этой ошибки и добавления сценариев. Я отключил другие скрипты, если они мешают друг другу, но безрезультатно.

Чего мне не хватает?

1 Ответ

0 голосов
/ 29 апреля 2020

Вы пробовали выполнить следующие шаги: https://ziggeo.com/docs/sdks/javascript/integrations/angular

Я знаю, что лучше не отвечать там go, однако, поскольку я являюсь частью команды Ziggeo Я знаю, что наша цель - всегда делать все возможное, чтобы ресурс был доступен и обновлялся. Поэтому я скопирую коды с вышеприведенной страницы, но все же предлагаю проверить ее для получения более подробной информации.

В качестве альтернативы вы также можете посетить Github, чтобы проверить демонстрационную версию .

Возьмите Angular SDK Ziggeo отсюда: https://github.com/Ziggeo/angular-ziggeo и сделайте npm install в папке вашего проекта.

Если вы создаете приложение UMD, вы можете просто использовать import {ZiggeoModule} from 'angular-ziggeo' в своем файл для включения Ziggeo.

Это должно быть, конечно, вы также должны удалить код, который вы добавили вручную:)

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

...