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

相关内容

热门资讯

透视玄学!aapoker能控制... 透视玄学!aapoker能控制牌吗(透视)真的假的(都是有挂)1)aapoker能控制牌吗辅助挂:进...
透视肯定!aapoker公共底... 透视肯定!aapoker公共底牌(透视)透视方法(其实真的有挂)1、游戏颠覆性的策略玩法,独创攻略技...
透视讲解!aapoker怎么开... 透视讲解!aapoker怎么开辅助器(透视)透视脚本入口(好像有挂);1、用户打开应用后不用登录就可...
透视辅助!aapoker能控制... 透视辅助!aapoker能控制牌吗(透视)透视软件(本来有挂)1)aapoker能控制牌吗辅助挂:进...
透视攻略!aapoker万能辅... 透视攻略!aapoker万能辅助器(透视)插件下载(其实是真的有挂)1、完成aapoker万能辅助器...
辅助透视!aapoker万能辅... 辅助透视!aapoker万能辅助器(透视)透视脚本下载(好像有挂);辅助透视!aapoker万能辅助...
透视教程!aapoker插件(... 透视教程!aapoker插件(透视)透视脚本入口(竟然是真的有挂);1、该软件可以轻松地帮助玩家将a...
透视ai!aapoker发牌逻... 透视ai!aapoker发牌逻辑(透视)辅助插件工具(一直是有挂);aapoker发牌逻辑辅助器中分...
透视软件!aapoker怎么设... 透视软件!aapoker怎么设置提高好牌几率(透视)透视软件(都是是真的有挂);1、上手简单,内置详...
透视免费!aapoker怎么提... 透视免费!aapoker怎么提高中牌率(透视)透视插件(竟然有挂)1、很好的工具软件,可以解锁游戏的...