Question

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

这是堆叠闪电战的链接

https://angular-hu9bip.stackblitz.io

Answer 1

将其放入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>

嵌入式脚本不适用于Angular 7

1 个答案: