AddThis не работает в проекте Angular 6/7 - PullRequest
Новая
       47

AddThis не работает в проекте Angular 6/7

0 голосов
/ 03 января 2019

Работа на сайте Angular 6/7, где AddThis требуется для обмена страницами.Для начала настройте простую страницу HTML следующим образом: 

<html>
<head></head>
<body>
    <div>AddThis below</div>
    <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
        <a class="addthis_button_facebook"></a>
        <a class="addthis_button_twitter"></a>
        <a class="addthis_button_email"></a>
        <a class="addthis_button_linkedin"></a>
        <a class="addthis_button_compact"></a>
    </div>
    <div>AddThis above</div>
    <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c2bf6b040727c90" async="async"></script>
</body>

</html>

Это работает и отображает кнопки, как и ожидалось.

Затем попытался переместить его в Angular.Установите простой компонент для хранения HTML.Попытался поместить тег скрипта в index.html.Также попробовал это в компоненте.Ни в коем случае я не смог заставить его что-либо отображать.

Настройка StackBlitz angular-addthis

Затем проконсультировался с технической поддержкой AddThis.Они указали, что мне может потребоваться запустить метод (addthis.layers.refresh ()) для обновления после маршрутизации ... но он никогда не заходит так далеко.Ничего не отображается

В StackBlitz код AddThis является app.component.Тестовый HTML находится в standalone.html.

Любые идеи приветствуются.

1 Ответ

0 голосов
/ 03 января 2019

Проблема, которую вы не можете вызвать HTTP сценарии из HTTPS протокола для решения этой проблемы

просто измените скрипт в index.html, чтобы он <script src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c2bf6b040727c90" async></script>

...