在一个有角度的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>
这可以正常工作,并显示按钮。
然后试着把它移动到角度。设置一个简单的组件来保存HTML。尝试将脚本标记放入index.html中。在组件中也试过了。在任何情况下,我都不能让它显示任何东西。
设置一个StackBlitz 角-地址
然后咨询了AddThis的技术支持。他们指出,我可能必须运行一个方法(addthis.layers.refresh()),以便在路由后刷新.但从来没有走那么远。什么都不显示。
在StackBlitz中,AddThis代码是app.component。测试HTML在standalone.html中。
任何想法都值得赞赏。
发布于 2019-01-03 04:54:34
无法从HTTPS协议调用HTTP脚本来解决此问题的问题
只需将index.html
中的脚本修改为<script src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c2bf6b040727c90" async></script>
https://stackoverflow.com/questions/54015961
复制相似问题