Angular不显示带有外部URL的div内容

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文件中。或者，将其添加到scripts部分中的angular.json。如果沿着后一条路线走下去，则需要重新启动Webpack。