美文网首页IT 全栈开发
Angular2 六:routing 页面的跳转和传值

Angular2 六:routing 页面的跳转和传值

作者: 醋留香 | 来源:发表于2017-04-01 17:25 被阅读223次

什么,想复习一下之前的课程, 来点我啊   更多文章

官网上有这样一段课程引导,很好,你想看,那我就拿过来给你看看:


We received new requirements for our Tour of Heroes application:

Add aDashboardview.

Navigate between theHeroesandDashboardviews.

Clicking on a hero in either view navigates to a detail view of the selected hero.

Clicking adeep linkin an email opens the detail view for a particular hero.

When we’re done, users will be able to navigate the app like this:

图1

简单点来说就是,当我们点击列表中的某个英雄的时候,
跳到一个新的界面来展示我们所点击的英雄的详细信息,
想了解跟多有关跳转和路由的功能,请戳这里
就这么多吧,好了

github上有整个demo的项目,可以点击这个下载运行
https://github.com/ITliuxiangyu/Angular2-HeroesDemo

相关文章

  • Angular2 六:routing 页面的跳转和传值

    什么,想复习一下之前的课程, 来点我啊 更多文章 官网上有这样一段课程引导,很好,你想看,那我就拿过来给你看看: ...

  • iOS页面间传值详解(一)

    一、A页面传值给B界面: 采用的传值方式:属性传值,在A页面跳转B界面的地方直接给B界面的属性赋值即可。 二、A页...

  • ionic关于跳转那些事

    简单介绍一下跳转页面,和页面传值 引入 页面跳转并传值 返回上一页 请求接口失败或者成功返回页面 如果需要返回是传入值

  • 路由跳转(非命名路由)

    单纯跳转: 路由传值跳转: 路由传值返回跳转:

  • UIWebview交互之自定义传值跳转

    UIWebview经常会用到和原生页面的跳转,有的可能还需要传值跳转。自己写了一个自定义跳转的webview,可以...

  • React Router

    安装 嵌套 跳转 跳转传值

  • 10. 页面的跳转传参

    1. 页面的跳转与传值 这里我们举个例子,首页是一个商品的列表,当点击列表的某一项的时候,跳转到商品详情页 2. ...

  • 页面传值

    1.页面传值(比如,上一页面的整个数组或者单个参数) 2.跳转页面需要解码的情况: 3.前后台交互:

  • Vue页面间传值

    Vue传值的方式有正向传值和反向传值 正向传值:上一页面 --> 下一页面 路由传值 本地储存 eventbus ...

  • 2019-10-15Flutter 命名路由跳转、传参、接收数据

    注册: 带参数跳转 跳转界面接收参数 返回时候,传参数 返回到的上一页接收参数(修改上面的跳转方法)

网友评论

本文标题:Angular2 六:routing 页面的跳转和传值

本文链接:https://www.haomeiwen.com/subject/hjziottx.html