Angular2:将html页面的内容加载到变量中

Angular2:将html页面的内容加载到变量中,html,angular,http,typescript,Html,Angular,Http,Typescript,因此,我有一个html页面位于以下路径: ./Help/HelpMenu/How-To-Bake-Pies.html 我试图将此html页面的内容加载到字符串类型的变量中,如下所示: private _content: string = ''; this.http.get("./Help/HelpMenu/How-To-Bake-Pies.html").map((html:any) => this._content = html); 执行第二条语句后,\u content变量仍然为空,

因此,我有一个html页面位于以下路径:

./Help/HelpMenu/How-To-Bake-Pies.html

我试图将此html页面的内容加载到字符串类型的变量中,如下所示:

private _content: string = '';

this.http.get("./Help/HelpMenu/How-To-Bake-Pies.html").map((html:any) => this._content = html);

执行第二条语句后,\u content变量仍然为空,我是否遗漏了什么?

您需要
订阅可观察对象,否则它将无法执行-换句话说,HTTP调用永远不会发生

this.http
.get("./Help/HelpMenu/How-To-Bake-Pies.html")
.subscribe((html:any) => this._content = html);

map
不订阅可观察对象。它用于操作数据<代码>映射
返回可订阅的新可观察对象

您需要订阅可观察对象,否则它将无法执行-换句话说,HTTP调用永远不会发生

this.http
.get("./Help/HelpMenu/How-To-Bake-Pies.html")
.subscribe((html:any) => this._content = html);

map
不订阅可观察对象。它用于操作数据<代码>映射返回可订阅的新可观察对象

可能重复(查看正确的标记答案):@MrBuggy您发布的内容是通过jQuery完成的,我希望使用http库在Angular2中完成它可能重复(查看正确的标记答案):@MrBuggy您发布的内容是通过jQuery完成的,我正在寻找使用http库在Angular2中执行此操作。我现在使用您的代码收到一个404(未找到)错误,这意味着它可以工作,但找不到HTML页面,html页面是本地的,它不是一个路由html页面,因此当它尝试使用http访问它时,它使用以下路径:您知道如何解决此问题吗?how-to-Bake-Pies.html页面只是一个本地资源,它将包含一些html内容,我希望动态加载到字符串类型的变量中,把它想象成一个.txt文件,其中包含一些我想加载到变量中的内容,我相信,当您使用http.get时,它会尝试将其映射到不存在的URL。有没有一种方法可以将html页面本地资产的内容加载到字符串类型的变量中,而不必使用http.get?如果它位于资产文件夹的根目录中,您应该能够执行
this.http.get('assets/myfile.json'))…
好的,如果它在另一个位置,比如我发布的位置,该怎么办?如何使其在任何位置工作?使用您的代码,我现在收到一个404(未找到)错误,这意味着它可以工作,但找不到HTML页面,html页面是本地的,它不是一个路由html页面,因此当它尝试使用http访问它时,它使用以下路径:您知道如何解决此问题吗?how-to-Bake-Pies.html页面只是一个本地资源,它将包含一些html内容,我希望动态加载到字符串类型的变量中,把它想象成一个.txt文件,其中包含一些我想加载到变量中的内容,我相信,当您使用http.get时,它会尝试将其映射到不存在的URL。有没有一种方法可以将html页面本地资产的内容加载到字符串类型的变量中,而不必使用http.get?如果它位于资产文件夹的根目录中,您应该能够执行
this.http.get('assets/myfile.json'))…
好的,如果它在另一个位置,比如我发布的位置,该怎么办?我如何使它在任何位置工作?