我叫克里斯·奇瑞。我是新来的有角度的人,到目前为止一直很喜欢。我正在尝试在我的网站上添加SEO审核工具,但似乎无法正常工作。即使使用我在此站点上找到的某些方法。所以这是
问题是:将此脚本嵌入到角度视图中。当您运行下面的代码段但在我的网站上无法正常运行时,效果很好
<center><div id="roboaudit"></div></center> <script id="growthrobo" src="https://d3ikwiixxizqwk.cloudfront.net/assets/site/js/sitecheck.js" data-content="2080"></script>
这是我正在尝试的代码
home.component.ts
import { BrowserModule, Meta, Title, TransferState, DomSanitizer } from '@angular/platform-browser';
leadGenerator: any ;
constructor(
private sanitizer: DomSanitizer
) {
this.leadGenerator = sanitizer.bypassSecurityTrustHtml('<center><div id="roboaudit"></div></center> <script id="growthrobo" src="https://d3ikwiixxizqwk.cloudfront.net/assets/site/js/sitecheck.js" data-content="2080"></script>')
}
home.component.html
<div class="row">
<div class="col-12" [innerHtml]="leadGenerator">
<h1 class="text-center"> Yo </h1>
</div>
</div>
这是指向stackblitz的链接
https://angular-hu9bip.stackblitz.io
最佳答案
将其放在index.html文件中。不要尝试将其放入组件中。只需将您要直接注入的html粘贴到Angular应用程序之外的index.html中。
使它看起来像
<my-app>
loading
</my-app>
<center><div id="roboaudit"></div></center> <script id="growthrobo" src="https://d3ikwiixxizqwk.cloudfront.net/assets/site/js/sitecheck.js" data-content="2080"></script>