Question

我正在尝试将第三方instagram嵌入代码（包含javascript）放入我的html组件之一。

有没有一种方法可以使我做到干净整洁？不太了解如何执行此操作。如果有人可以给我解决方案，将不胜感激！

<div class='embedsocial-instagram' data-ref="xxxxxxxxxxxxxxxxxxxxxx"></div>

<script>
  (function(d, s, id) {
    var js;
    if (d.getElementById(id)) {
      return;
    }
    js = d.createElement(s);
    js.id = id;
    js.src = "https://embedsocial.com/embedscript/in.js";
    d.getElementsByTagName("head")[0].appendChild(js);
  }(document, "script", "EmbedSocialInstagramScript"));
</script>

Answer 1

只需在页面末尾添加脚本标签即可。

<other-html>
    ....
</other-html>

<script>(function(d, s, id){var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/embedscript/in.js"; d.getElementsByTagName("head")[0].appendChild(js);}(document, "script", "EmbedSocialInstagramScript"));</script>

Angular 7将嵌入代码添加到组件中

1 个答案: