Angular не показывает мой div-контент с внешним URL

Question

У меня есть кусок HTML-кода, как это

<div 
  id='paysonContainer'
  url='https://test-www.payson.se/embedded/checkout?id=af1ebee5-40bd-410a-90d1-a94401553414'>
</div>

<script 
  type='text/javascript' 
  src='https://test-www.payson.se/embedded/Content/payson.js?v2'>
</script>

Когда я создаю простой HTML-файл и вставляю туда этот HTML-код, проблем не возникает, и я вижу то, что должен увидеть, но когда я копирую тот же HTML-код в представление в приложении Angular, div не загружается и ничего не показывает Вы можете проверить это здесь https://stackblitz.com/edit/angular-7bkbm6 (на hello.component.html) Если вы хотите увидеть разницу, создайте простой HTML-файл на своем компьютере, вставьте код и откройте его в браузере.

Answer 1

В целях безопасности теги сценариев недопустимы в Angular.Angular вырвет их.Это необходимо для предотвращения атак XSS и т. Д.

Если вы хотите загрузить JS, добавьте его в файл index.html в разделе head.Или добавьте его в angular.json в разделе скриптов.Если вы пойдете по последнему маршруту, вам нужно будет перезагрузить Webpack.