Question

我有一个使用Webpack等的Angular2应用程序，遵循本指南：https://angular.io/docs/ts/latest/guide/webpack.html

我想在我的网页（组件）上插入安全封条，如McAfee和GoDaddy封条。

那些海豹看起来像那样：

<span id="Seal"><script type="text/javascript" src="//tracedseals.starfieldtech.com/siteseal/get?nonononononononono></script></span>

我尝试在我的vendor.ts上使用required()和import而没有运气。

是否有人成功将这些安全封条插入Angular 2应用程序？

非常感谢。

编辑：

正如标题所说，我想在Angular 2 app中插入封条。

Angular 2 不允许复制并粘贴HTML标记，提供购买GoDaddy，MacAfee等，因为它上面有<script>标记。

作为一种解决方法，我只是在我的网站上插入了封条（它只是一个img）并在其上发布了(click)事件。

Answer 1

您在评论中链接到的github页面具有这种解决方法：

.html

        <span id="siteseal">
        </span>

.ts

ngOnInit() {
    ...
    const node = document.createElement( 'script' );
    node.src = 'https://seal.godaddy.com/getSeal?sealID=XXXXXXXXXXXXXXXXXX';
    node.type = 'text/javascript';
    node.async = true;
    document.getElementById( 'siteseal' ).appendChild( node );
}

它对我有用，尽管我怀疑应该有更好的方法来解决这个问题。

Answer 2

这里没有特定的角度。只需将html添加到您的页面即可。您可以从供应商处获取HTML，例如对于Godaddy来说，这是指南：https://au.godaddy.com/help/add-an-ssl-site-seal-to-my-site-4073

如何在Angular2页面上插入像McAfee和GoDaddy这样的Secure Seal？

2 个答案: