Как интегрировать сайт опроса обезьяны в angular

Question

У меня есть учетная запись обезьяны для опросов, в которой есть несколько опросов, я хочу добавить этот опрос для встраивания веб-сайта в мой angular веб-сайт, на котором уже добавлены bootstrap и jquery. Я пытался с прямым сценарием в html компонент, но он не работает.

<script>(function(t,e,s,n){var o,a,c;t.SMCX=t.SMCX||[],e.getElementById(n)||(o=e.getElementsByTagName(s),a=o[o.length-1],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=n,c.src=["https:"===location.protocol?"https://":"http://","widget.surveymonkey.com/collect/website/js/kjhasdkhkkjhk324234hkjhaksdkadhk.js"].join(""),a.parentNode.insertBefore(c,a))})(window,document,"script","smcx-sdk");</script>

Также я хочу установить это "widget.surveymonkey.com/collect/website/js/kjhasdkhkkjhk324234hkjhaksdkadhk.js" url динамически добавляется.

Вот так

var url = "widget.surveymonkey.com/collect/website/js/kjhasdkhkkjhk324234hkjhaksdkadhk.js";
<script>(function(t,e,s,n){var o,a,c;t.SMCX=t.SMCX||[],e.getElementById(n)||(o=e.getElementsByTagName(s),a=o[o.length-1],c=e.createElement(s),c.type="text/javascript",c.async=!0,c.id=n,c.src=["https:"===location.protocol?"https://":url].join(""),a.parentNode.insertBefore(c,a))})(window,document,"script","smcx-sdk");</script>

Заранее спасибо.

Answer 1

Я столкнулся с той же проблемой со сценарием, и именно таким образом мне удалось интегрировать сценарий встраивания опроса обезьяны в мое приложение angular.

В компоненте. html

<div  id="smcx-sdk"> </div>

В component.ts

ngAfterViewInit(){
  var script = document.createElement('script');
  script.src = "http://<replace your widget url>";
  document.getElementById("smcx-sdk").appendChild(script);
}

Убедитесь, что идентификатор элемента - "smcx-sdk".

Надеюсь, это поможет.