我叫克里斯·奇瑞。我是新来的有角度的人,到目前为止一直很喜欢。我正在尝试在我的网站上添加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>

10-05 20:29
查看更多