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

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

  •  
  •   XanderChen · 48 天前 · 600 次点击
    这是一个创建于 48 天前的主题,其中的信息可能已经有所发展或是发生改变。

    有这么两个页面,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   48 天前
    router.navigate(['路由地址'],{ queryParams: {参数对象}}); 发送
    ActivatedRoute.queryParams.subscribe((result) => {}) 接受
    这样?
    youngxhui
        2
    youngxhui   48 天前 via Android
    路由带参数
    Bazingal
        3
    Bazingal   48 天前 via Android
    ngmodel 获取输入框的值
    XanderChen
        4
    XanderChen   48 天前
    @codeMan5495

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

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

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

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

    等我睡醒了试一下哈,马上下夜班了。
    yimity
        5
    yimity   48 天前
    二个大的知识点。
    一个是 form 。
    一个是 router 带参数,ActivatedRoute 获取参数
    windychen0
        6
    windychen0   48 天前
    跨页面传参吧...路由,localStorage 都行啊
    biubiubiuao
        7
    biubiubiuao   48 天前
    双向绑定获取输入框的值; click 事件做路由跳转带参数,1 楼已经写出来了。能。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2986 人在线   最高记录 5168   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 12:47 · PVG 20:47 · LAX 05:47 · JFK 08:47
    ♥ Do have faith in what you're doing.