我需要在角度组件中使用远程cdn脚本。 （这是显示GDPR的弹出窗口）。我已经导入了脚本，但我无法调用组件内的方法。
所以我在index.html文件中导入了脚本。在我的app.component.ts文件中，我已经为我想要调用的函数声明了一个变量。但浏览器仍然告诉我该变量未定义。
Index.html文件：
<!doctype html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta charset="utf-8">
<title>AutoDiagnostic</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script src="http://cdn.tagcommander.com/3905/uat/tc_autodiag_55.js"></script>
</body>
</html>
app.component.ts文件：
import { Router, NavigationEnd, Event } from '@angular/router';
import { Component, OnInit } from '@angular/core';
declare let tc_events_55: any; // <=== the function i want to use
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.scss']
})
export class AppComponent implements OnInit {
constructor(private router: Router) {
router.events.subscribe((event: Event) => {
if (event instanceof NavigationEnd) {
tc_events_55(this, 'virtualPageview', { page: this.router.url });
}
});
}
ngOnInit(): void {}
isTagCoCookieCreated() {
return document.cookie.indexOf('TC_OPTOUT') !== -1;
}
}
我希望它能让我能够使用cdn .js脚本中的函数，但我没有。我无法将脚本集成为本地资源，因为我必须根据部署环境从cdn调用它。
有任何想法吗 ？ :)
通常它不起作用。问题是你需要在你的library中导入app.module。你需要在app.module做这样的事情：
import 'tc_autodiag_55';
然后您可以在其他组件中使用该库。