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内容:

相关内容

热门资讯

玩家必看科普辅助!杜鹃花辅助A... 玩家必看科普辅助!杜鹃花辅助AI攻略,杜鹃花多功能真是真的有辅助攻略1、每一步都需要思考,不同水平的...
推荐十款辅助!开元绍兴游戏辅助... 推荐十款辅助!开元绍兴游戏辅助AIapp,开元绍兴游戏多功能都是真的是有辅助app开元绍兴游戏破解侠...
一秒答解作弊器!老地方作弊器A... 一秒答解作弊器!老地方作弊器AI脚本,老地方多功能一贯是有作弊器脚本1、一秒答解作弊器!老地方作弊器...
盘点十款开挂!宁波游戏大厅开挂... 盘点十款开挂!宁波游戏大厅开挂AI软件,宁波游戏大厅多功能竟然存在有开挂软件一、宁波游戏大厅可以开透...
一分钟揭秘辅助!乐天棋牌辅助A... 一分钟揭秘辅助!乐天棋牌辅助AI技巧,乐天棋牌多功能果然是有辅助技巧1、上手简单,内置详细流程视频教...
一分钟揭秘辅助器!百人炸金花辅... 一分钟揭秘辅助器!百人炸金花辅助器AI攻略,百人炸金花多功能其实真的有辅助器攻略1、完成百人炸金花辅...
记者揭秘透视挂!好运透视挂AI... 记者揭秘透视挂!好运透视挂AI攻略,好运多功能其实是有透视挂攻略1、玩家可以在好运透视最简单三个步骤...
推荐十款辅助器!剧乐部辅助器A... 推荐十款辅助器!剧乐部辅助器AIapp,剧乐部多功能确实真的是有辅助器app1、每一步都需要思考,不...
专业讨论辅助!九九麻将辅助AI... 专业讨论辅助!九九麻将辅助AIapp,九九麻将多功能好像存在有辅助app1、起透看视 九九麻将辅助软...
玩家科普透视器!91y捕鱼透视... 玩家科普透视器!91y捕鱼透视器AIapp,91y捕鱼多功能原来存在有透视器app所有人都在同一条线...