Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将变量从page.html传递到page.ts_Javascript_Ionic Framework - Fatal编程技术网

Javascript 如何将变量从page.html传递到page.ts

Javascript 如何将变量从page.html传递到page.ts,javascript,ionic-framework,Javascript,Ionic Framework,我试图从“list.page.html”中的“detail.page.ts”中接收一个变量 在“list.page.html”中,我有一个列表: {{item.Name} 在我的“detail.page.ts”中,我希望获取JSON数据,如下所示: loadData(){ 让数据:可观察; data=this.http.get('https://myURL/mydata.json.php?Reihe= (这里应该是这样的:--get.reiche.from.my.html-page--获取我

我试图从“list.page.html”中的“detail.page.ts”中接收一个变量

在“list.page.html”中,我有一个列表:


{{item.Name}
在我的“detail.page.ts”中,我希望获取JSON数据,如下所示:

loadData(){
让数据:可观察;
data=this.http.get('https://myURL/mydata.json.php?Reihe= (这里应该是这样的:--get.reiche.from.my.html-page--获取我的ID););
data.subscribe(结果=>{
this.details=结果;
})
}
(提示:如果前面有一个“if(isset($\u GET['reiche'])”)(就像在PHP中一样)会更好)

我如何管理/实施这一点??对不起,我在爱奥尼亚新住了4天。 任何想法都可以大胜

你好,埃斯特布


离子型:

爱奥尼亚CLI:5.4.15(C:\Users\User1\AppData\Roaming\npm\node\u modules\爱奥尼亚) 离子骨架:@Ionic/angular 4.11.8 @角度开发套件/构建角度:0.801.3 @角度devkit/示意图:8.1.3 @角度/cli:8.1.3 @离子/角度工具包:2.1.2

实用程序:

科尔多瓦res:0.8.1 本机运行:0.3.0

系统:

NodeJS:v13.5.0(C:\Program Files\NodeJS\node.exe) 净现值:6.13.4
操作系统:Windows10使用Angular的路由器。您可以将参数添加到详细信息页面:

{ path: 'details/:reihe', ... }
使用
ActivatedRoute
访问参数:

constructor (
  private route: ActivatedRoute
) {
  let reihe = this.route.snapshot.paramMap.get('reihe');
}
使用
routerLink
传递参数:

<ion-item ... [routerLink]="['/details', item.ThemaNr]">


有关更多信息,请参阅。

检查此答案。如果要在list.page.html中显示详细信息,最好在list.ts中编写get代码。否,我想在details.page.htmlhanx中显示详细信息以获取帮助!但这对我来说是少了一点信息我到底必须在哪里(在哪些不同的页面中)插入您的代码?--{path:'details/:reiche',…}中的“…”是什么意思?我应该在那里写什么我想在details.page.ts中接收get参数,因为我需要它来执行JSON请求。这就是为什么我不能传递参数(使用routerLink)而不是一个-,或者我完全失败了??我需要从list.page.html到->details.page.tsee的参数,基于“sidemenu”启动程序模板。查看
app routing.module.ts
以及列表和详细信息页面。但你真的应该阅读一些指南或文档。