Javascript 如何将变量从page.html传递到page.ts
我试图从“list.page.html”中的“detail.page.ts”中接收一个变量 在“list.page.html”中,我有一个列表: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--获取我
{{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
以及列表和详细信息页面。但你真的应该阅读一些指南或文档。