问题标签 [navparams]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
157 浏览

navigation - Ionic 3 navParams.get 损坏 50% 的时间

我的 app-component.ts 中有代码

然后在两个单独的页面中:

  1. 第 1 页(模态),它工作正常
  2. 第 2 页(非模态)数据未定义。

所以我这样做是为了解决:

它有效。

这是一个疯狂的调试屏幕截图,展示了 get 是如何“有时”被破坏的!

其他任何人都经历过这种情况。我忽略了一些明显的错误吗?

在此处输入图像描述

0 投票
1 回答
300 浏览

javascript - Ionic 2 中的导航参数

我正在尝试使用 NavParams 将特定数据从一个页面传递/获取到另一个页面,但我总是undefined在控制台中得到结果。我不知道似乎是什么问题。这是我的代码:

order.ts(我要获取数据的 TS 文件)

在代码中,我想要获取的是this.ordernum数据。所以我使用这个代码:postOrder(ordernum) this.nav.setRoot(ConfirmorderPage, { ordernum: ordernum });

order.html(我确实将数据传递到另一个页面的 HTML 文件)

我想要的数据是这样的ordernum,所以我把它放在点击函数中(click)="postOrder(ordernum)"

confirmorder.ts(我想ordernum从订单页面传递数据的 TS 文件)

我曾经this.navParams.get('ordernum')从订单页面获取数据并将ordernum数据传递给this.order变量,但是当我尝试在控制台中显示它时,我得到了未定义的结果。我不知道我的代码有什么问题。希望你们能帮助我。先感谢您。

0 投票
0 回答
59 浏览

angular - Return NavParams in a column for Ionic 2

My code can run well but I have no idea on how to display {{subjectParam}} in a column when user select the subject. The current result return the subject with comma like this > Mathematic, Science. Is there a way to return it in a column/table? Here are my code:

addSubject.html

addSubject.ts

0 投票
1 回答
80 浏览

angular - navParams 的奇怪错误

我的 ionic 项目中的 NavParams 遇到了一些奇怪的问题。我能够将它从第一页传递到第二页,但是当试图将它从第二页传递到第三页时,它是未定义的。

主页.ts

post.ts

在第 2 页上一切都很好,控制台日志显示了所有正确的信息。

编辑-post.ts

这就是它变得奇怪的地方。我在第 3 页的 this.item 上未定义

  • 节点 v.8.94
  • 科尔多瓦@8.0.0
  • 离子@3.19.1

这是一个错误吗?请帮忙。

0 投票
2 回答
4345 浏览

object - Ionic 3 使用 navparams 将对象传递到 3 页

我是一个绝对的初学者,并且是使用 Ionic3 自学的我有一个让我发疯的问题,我希望有人能提供帮助。

我有一个 master-detail-detail 设置,其中发生以下情况: Master page 有一个报告列表(取自 JSON 文件),单击该报告并进入详细信息页面,单击该报告并打开另一个页面有更多细节,而无需定义所有单独的部分。

我要做的只是将整个对象从第二页传递到第三页,以便我可以再次使用它的参数

母版页 (Report)、第二页 (Reportmenu)、第三页 (GenOverview)

因此,在主页面和第二页之间传递很好,并且可以使用 navparams(此处未显示)正常工作,但我想使用相同的对象并将所有数据再次传递到第三页。我认为这就像将它分配给一个新变量然后使用 navparams 再次传递它一样简单,但我得到未定义

所以这一切都很好,并给出了预期的输出所以我现在要做的就是把它放到 GenOverviewPage

最后一点不起作用

我很确定我会被嘲笑,因为我认为这与我对对象/数组以及它们如何传递缺乏理解有关,但我已经搜索过高低并且无法掌握我做错了什么。

以及为什么 console.log(data3) 显示第二个空数组,但如您所见,我可以在第 1 页和第 2 页之间很好地传输它

浏览器窗口图片

非常感谢

0 投票
0 回答
820 浏览

date - ion-datetime - 设置没有日期选择器的日期 IONIC 3

我正在使用内置的日期选择器来创建一个事件。我希望能够从另一个页面动态设置日期,就像下面使用 NavParams

从日历中选择的日期

我试过如下:

AddTaskPage页面从CalendarPage显示

1-日历.ts

2 - add-task.ts 我使用 NavParams传递日期

3- [(ngModel)]="日期"

我正在使用 [(ngModel)] 更新 UI(开始日期)

除非使用日期选择器选择日期,否则无法设置日期。

有没有人能够强制指令从对象而不是 datepicker 动态显示日期?有什么想法吗?

谢谢

0 投票
1 回答
400 浏览

ionic-framework - 在离子侧边菜单中传递参数

当用户登录 ionic 应用程序时,如何将用户 ID 传递到侧面菜单中列出的页面。是否可以通过 navParams 发送数据?

0 投票
1 回答
87 浏览

ionic-framework - Ionic 3 NavParams 将数据从第 1 页推送到第 3 页

我正在开发具有多个不同页面的应用程序,我需要一些帮助。

我的应用程序从 Parse 的数据库中检索数据,并且我正在使用提供程序来将这些数据共享给我的其他页面。

我的主页(第 1 页)要求用户选择一个城市。根据用户的选择,下一页(第 2 页)将显示特定于该城市的数据,并且还包含指向第 3 页的资源的链接。

我的问题是第 3 页列出了所有城市的数据,而不是在第 1 页中选择的城市。

是否可以将数据从第 1 页传递到第 2 页和第 3 页?

到目前为止,我已经尝试过这个:

第 1 页:

第2页:

第 3 页:

当我尝试this.city在控制台日志中显示的值时,它显示未定义。

0 投票
0 回答
84 浏览

typescript - 如何在 Ionic 中使用 Nav Params 在页面之间发送参数?

当我尝试将数据从一个页面发送到另一个页面时,它没有检测到任何东西。

这是我的数据模型:

}

这是推送导航参数的功能:

任何对象:

发送导航参数的函数:

这是接收参数的类:

感谢您的帮助!

0 投票
0 回答
135 浏览

angular - 离子:子选项卡中的 NavParams 在页面刷新后丢失

考虑一个带有 IonicPage() 装饰器的父 TabsPage:

navParams将 TabsPage 的传递rootParams给所有子标签页。

导航到子选项卡并在构造函数中记录 navParams 实例。还要在父 TabsPage 构造函数中记录 navParams 实例。

在正常流程中,当从不同页面导航到选项卡导航的子页面之一时,{caseId: 123, summaryId: 234}作为 navParams 传递,您将看到相同的 navParams 记录在父子构造函数中。

但是,如果您在子选项卡中并点击浏览器重新加载,您将{caseId: 123, summaryId: 234}在父 TabsPage 构造函数中看到 navParams,但在子选项卡中看不到。

//这打印{caseId: 123, summaryId: 234}

//这打印{}

这是一个离子错误还是我错过了什么?