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

相关内容

热门资讯

黑科技辅助(wpk最新黑科技)... 黑科技辅助(wpk最新黑科技)wpk辅助器小程序(wpK)总是存在有挂(有挂规律)-哔哩哔哩1、很好...
黑科技中牌率(wpk最新黑科技... 黑科技中牌率(wpk最新黑科技)wpk辅助效果实测(Wpk)切实是有挂(有挂工具)-哔哩哔哩;1、上...
辅助黑科技(wpk ai辅助)... 辅助黑科技(wpk ai辅助)wpk辅助挂(wpK)原来真的是有挂(确实有挂)-哔哩哔哩1、用户打开...
黑科技ai挂(wpk ai辅助... 黑科技ai挂(wpk ai辅助)微扑克ai机器人(WpK)一直真的有挂(有挂教学)-哔哩哔哩;1、打...
黑科技模拟器(wpk ai辅助... 黑科技模拟器(wpk ai辅助)wpk辅助器是真的假的(WPk)果然真的是有挂(真的有挂)-哔哩哔哩...
黑科技ai(wpk最新黑科技)... 黑科技ai(wpk最新黑科技)wpk透视辅助挂(wpK)确实真的有挂(有挂实锤)-哔哩哔哩1、许多玩...
黑科技安装(wpk最新黑科技)... 黑科技安装(wpk最新黑科技)wpk有外挂吗(WpK)好像有挂(有挂讲解)-哔哩哔哩1、wpk最新黑...
黑科技模拟器(wpk ai辅助... 黑科技模拟器(wpk ai辅助)wpk透视外挂(wPK)其实是真的有挂(新版有挂)-哔哩哔哩1、上手...
黑科技规律(wpk ai辅助)... 黑科技规律(wpk ai辅助)wpkai机器人的打法(wPk)确实存在有挂(有挂教程)-哔哩哔哩1、...
黑科技线上(wpk最新黑科技)... 黑科技线上(wpk最新黑科技)wpk黑科技软件可信吗(wPk)总是有挂(有挂猫腻)-哔哩哔哩黑科技线...