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。您会收到一条错误消息，说明以下内容：

JSON中意外的令牌<位于JSON.parse的位置0

当前（直到Angular Ivy发布），您无法加载HTML并动态显示它。因此，您需要重新考虑如何做您想完成的事情

无法从素材资源文件夹加载HTML文件

1 个答案: