无法从资产文件夹加载 HTML 文件

Question

我正在尝试从我的资产文件夹中的 HTML 文件中获取数据。尽管每次调用时，我都会在浏览器控制台中收到错误消息。

HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "http://localhost:4200/assets/TreeStructure/manual_testing/what_is_manual_testing.html", ok: false, …}
error: {error: SyntaxError: Unexpected token < in JSON at position 0 at JSON.parse (<anonymous>) at XMLHtt…, text: "<!DOCTYPE html>
↵<html lang="en">
↵<head>
↵  <titl…↵    </div>
↵  </div>
↵</div>
↵</body>
↵</html>
↵"}
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message: "Http failure during parsing for http://localhost:4200/assets/TreeStructure/manual_testing/what_is_manual_testing.html"
name: "HttpErrorResponse"
ok: false
status: 200
statusText: "OK"
url: "http://localhost:4200/assets/TreeStructure/manual_testing/what_is_manual_testing.html"

我正在尝试使用以下代码获取 HTML 内容

public getPageContent(path: string) {
    return this.http.get('assets/TreeStructure/' + path + '.html');
  }

我的完整代码可以在这里找到 -

https://github.com/vibhorgoyal18/atest-blog

Answer 1

调用需要 JSON 数据；不是 HTML。您会收到一条错误消息：

Unexpected token < in JSON at position 0 at JSON.parse

目前（在 Angular Ivy 发布之前）您无法加载 HTML 并动态显示它。所以，你需要重新考虑如何做你想完成的事情

无法从资产文件夹加载 HTML 文件

Not able to load HTML file from assets folder

angular-services

angular