如何在angular4中嵌入typeform小部件

我的营销部门要求将typeform集成到静态页面中，他们可以快速构建，然后嵌入到页面中，我使用aot angular4，这将是CMS的动态注入，因此意味着需要一种方法来支持任何类型的小部件，小部件有脚本，如下所示：

        <div class="typeform-widget" data-url="https://xxxxxxx.typeform.com/to/CCiqgs" style="width: 100%; height: 500px;"> </div>
        <script>
            (function () {
                var qs, js, q, s, d = document,
                    gi = d.getElementById,
                    ce = d.createElement,
                    gt = d.getElementsByTagName,
                    id = "typef_orm",
                    b = "https://embed.typeform.com/";
                if (!gi.call(d, id)) {
                    js = ce.call(d, "script");
                    js.id = id;
                    js.src = b + "embed.js";
                    q = gt.call(d, "script")[0];
                    q.parentNode.insertBefore(js, q)
                }
            })()
        </script>
        <div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"> powered by
            <a href="https://www.typeform.com//?utm_campaign=CCiqgs&amp;utm_source=typeform.com-11265281-Basic&amp;utm_medium=typeform&amp;utm_content=typeform-embedded-poweredbytypeform&amp;utm_term=EN" style="color: #999" target="_blank">Typeform</a>
        </div>

（功能（）{
var qs，js，q，s，d=文件，
gi=d.getElementById，
ce=d.createElement，
gt=d.getElementsByTagName，
id=“typef_orm”，
b=”https://embed.typeform.com/";
如果（！gi.call（d，id））{
js=ce.call（d，“脚本”）；
js.id=id；
js.src=b+“embed.js”；
q=gt.调用（d，“脚本”）[0]；
q、 parentNode.insertBefore（js，q）
}
})()
技术支持

这意味着我们要找到一种方法来支持这一点，而无需每次为一个新的小部件嵌入新版本或构建应用程序，或者只为一个简单的小部件更改ts，事实上，我们应该支持任何类型的小部件

有什么想法吗？ 我会感谢你的帮助。

---

Thx

您可以将该解决方案与iframe一起使用，iframe在他们的网站上的“自定义嵌入”部分中给出了建议

#我的字体{
显示：内联块；
宽度：800px；
高度：600px；
利润率：60像素；
}

您可以使用

在Angular项目中通过npm安装：

npm install --save @typeform/embed

然后，您可以将TypeformEmbed导入启动表单的组件中：

import * as typeformEmbed from '@typeform/embed'

如果在加载页面时需要它作为弹出窗口，请在AfterViewInit回调中调用SDK：

ngAfterViewInit(): void {

   typeformEmbed.makePopup('<your typeform url here>', {mode: 'popup', autoOpen: true})
}

ngAfterViewInit（）：void{
typeformEmbed.makePopup（“”，{mode:'popup'，autoOpen:true}）
}

当然，在不破坏安全的情况下