Question

我尝试在各处搜索解决方案，但是我找不到正确的方法将Angular 4/5中CDN中托管的.js文件包含到index.html中。我知道我们可以将其添加到angular.json，但是为此，我必须下载并保存它。有没有一种方法可以包含js文件。外部JS文件将生成HTML。另外，如果我想包含CDN中托管的任何跟踪脚本，前进的方向是什么？

例如，如果我将<script src="abc.com/abc.js"></script>包含在index.html中，它将不会加载。

Answer 1

假设您要从托管CDN添加Jquery。并要访问$('#someid')或Jquery('.anyclass').，请按照以下步骤操作。

第一步： 添加index.html

 <body>
  <app-root></app-root>
  <script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
</body>

第2步：

在.html中添加标记

<p id="jd"></p>

第3步 在.ts

中编写逻辑

import { Component, OnInit } from '@angular/core';
declare var $: any; // Add any variable to access the functionality

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  title = 'app';
  constructor() {

  }

  ngOnInit() {
    $('#jd').text('This is value');
  }
}

在Angular 5的index.html中包含CDN托管的js文件

1 个答案: