我仿佛是个 NT,想伸手一个关于 angular 的 demo

2020-05-19 07:10:42 +08:00
 XanderChen

有这么两个页面,A 和 B 。

都是 component,app.component.html 里只有一个 <router-outlet />

A 页面是主视图。

A 页面中有个输入框,限定为输入数字。

然后 A 页面中有个按钮,点击按钮跳转到 B 页面。

B 页面获取 A 页面中输入框输入的数字。

请大佬助我,我实在是不知道该怎么写了。

什么表单,observable,setter 截获,乱七八糟的我已经懵了。

偏偏搜不到获取输入框数值的,全都是什么列表假数据然后传值。

还有就是 angular 能否根据两个输入框中的内容在后台判断跳转到哪个页面?

想求一个小 demo,万分感谢。

1551 次点击
所在节点    问与答
7 条回复
codeMan5495
2020-05-19 07:54:56 +08:00
router.navigate(['路由地址'],{ queryParams: {参数对象}}); 发送
ActivatedRoute.queryParams.subscribe((result) => {}) 接受
这样?
youngxhui
2020-05-19 08:01:16 +08:00
路由带参数
Bazingal
2020-05-19 08:19:37 +08:00
ngmodel 获取输入框的值
XanderChen
2020-05-19 08:24:46 +08:00
@codeMan5495

发送部分是写在按钮的点击事件里就可以吗?

我在 angular 中文站看的关于导航部分的文档全都是在 html 页面中的标签里用 routerLink 这样的属性跳的。

它把导航独立成一个 module 了。

完全不知道该怎么带输入框里输入的内容作为参数。

等我睡醒了试一下哈,马上下夜班了。
yimity
2020-05-19 08:42:40 +08:00
二个大的知识点。
一个是 form 。
一个是 router 带参数,ActivatedRoute 获取参数
windychen0
2020-05-19 16:16:03 +08:00
跨页面传参吧...路由,localStorage 都行啊
biubiubiuao
2020-05-19 17:06:17 +08:00
双向绑定获取输入框的值; click 事件做路由跳转带参数,1 楼已经写出来了。能。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/673079

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX