V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
XanderChen
V2EX  ›  问与答

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

  •  
  •   XanderChen · 2020-05-19 07:10:42 +08:00 · 1521 次点击
    这是一个创建于 1647 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    A 页面是主视图。

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

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

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

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

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

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

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

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

    7 条回复    2020-05-19 17:06:17 +08:00
    codeMan5495
        1
    codeMan5495  
       2020-05-19 07:54:56 +08:00
    router.navigate(['路由地址'],{ queryParams: {参数对象}}); 发送
    ActivatedRoute.queryParams.subscribe((result) => {}) 接受
    这样?
    youngxhui
        2
    youngxhui  
       2020-05-19 08:01:16 +08:00 via Android
    路由带参数
    Bazingal
        3
    Bazingal  
       2020-05-19 08:19:37 +08:00 via Android
    ngmodel 获取输入框的值
    XanderChen
        4
    XanderChen  
    OP
       2020-05-19 08:24:46 +08:00
    @codeMan5495

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

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

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

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

    等我睡醒了试一下哈,马上下夜班了。
    yimity
        5
    yimity  
       2020-05-19 08:42:40 +08:00
    二个大的知识点。
    一个是 form 。
    一个是 router 带参数,ActivatedRoute 获取参数
    windychen0
        6
    windychen0  
       2020-05-19 16:16:03 +08:00
    跨页面传参吧...路由,localStorage 都行啊
    biubiubiuao
        7
    biubiubiuao  
       2020-05-19 17:06:17 +08:00
    双向绑定获取输入框的值; click 事件做路由跳转带参数,1 楼已经写出来了。能。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1005 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 22:14 · PVG 06:14 · LAX 14:14 · JFK 17:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.