javascript - 下载 Angular 2 insideHTML 绑定(bind)内的脚本

Question

我正在开发一个 Angular 2 应用程序，该应用程序在我的应用程序中显示新闻项目。新闻项目保存在数据库中，并使用 Angular 的 [innerHTML] 绑定(bind)加载到模板中。

当新闻内容中存在嵌入内容(例如推文)时，就会出现问题，这需要加载 JavaScript 文件(例如//platform.twitter.com/widgets.js)。问题是浏览器不会下载文件，即使在解析页面之后也是如此。

有谁知道这个问题怎么解决吗？谢谢!

Answer 1

我想如果你有类似的东西它会下载该文件。因此，当您获取新闻源项目时，如果您有关于新闻源项目的任何数据，当您可以确定它是否嵌入了 twitter 时，您可以检查它，然后获取您需要的 js 文件。

loadedURLs = {
// to hold a cache so you wont download more than once.
};

this.service.fetchDataFromDB()
.subscribe(data =>{
   if(data.url.indexOf('twitter') != -1 && loadedURLs[data.url] == undefined){
     loadedURLs[fileURL] = fileURL;
     // send the file name you want or need.
     this.downloadJS(JSFileURL);
   }
});
downloadJS(fileURL){
   var script = document.createElement('script');
   script.src = (fileURL);
   document.head.appendChild(script);
}