Angular无法显示在assets中声明的静态HTML文件
创始人
2024-10-30 02:01:20
0

在angular.json文件中更新"assets"的路径,例如:

"assets": [
    "src/favicon.ico",
    "src/assets",
    "src/mysite.html"
],

然后在组件中使用以下代码调用HTML文件:

import { HttpClient } from '@angular/common/http';
import { DomSanitizer } from '@angular/platform-browser';

export class AppComponent {

  myHtml: any;

  constructor(private http: HttpClient, private sanitizer: DomSanitizer) { }

  ngOnInit(): void {
    this.http.get('assets/mysite.html', { responseType: 'text' }).subscribe(data => {
      this.myHtml = this.sanitizer.bypassSecurityTrustHtml(data);
    });
  }
}

最后在模板中使用myHtml变量来显示HTML内容:

相关内容

热门资讯

黑科技中牌率(微扑克德州)外挂... 黑科技中牌率(微扑克德州)外挂透视辅助器(透视)2025新版教程(切实有挂)1、点击下载安装,微扑克...
黑科技能赢!(wePoKe)软... 黑科技能赢!(wePoKe)软件透明挂,(wepOKE)从来是真的有挂,我来教教你(有挂方法)1、不...
黑科技辅助挂(德州wpk)外挂... 黑科技辅助挂(德州wpk)外挂辅助器(透视)新2025教程(确实是真的有挂)一、德州wpk软件透明挂...
黑科技了解!(微扑克)透视辅助... 这是一款非常优秀的wpk微扑克 ia辅助检测软件,能够让你了解到wpk微扑克中牌率当中全部隐藏参数,...
黑科技挂(wePOke)黑科技... 黑科技挂(wePOke)黑科技透明挂辅助插件(透视)细节方法(真是是真的有挂)1、起透看视 wePO...
黑科技科技!(AAPOkER)... 黑科技科技!(AAPOkER)透明挂辅助脚本,(aapokER)本然是有挂,曝光教程(有挂透视);小...
黑科技挂(aapokEr)外挂... 黑科技挂(aapokEr)外挂透视辅助下载(透视)微扑克教程(真是有挂);微扑克辅助器中分为三种模型...
黑科技工具!(wPk)透视辅助... 此外,数据分析德州(wPk)辅助神器app还具备辅助透视行为开挂功能,通过对客户wPk透明挂的深入研...
黑科技辅助(微扑克机器人)外挂... 黑科技辅助(微扑克机器人)外挂透视辅助神器(透视)线上教程(真是真的有挂)运微扑克机器人辅助工具,进...
黑科技透明挂!(WepOke)... 黑科技透明挂!(WepOke)软件透明挂,(wEpOke)本然真的是有挂,2025新版技巧(有挂辅助...