码迷,mamicode.com
首页 > 其他好文 > 详细

angular之路由

时间:2019-10-14 01:31:48      阅读:78      评论:0      收藏:0      [点我收藏+]

标签:路由   family   angular   问题   关系   配置   解决   使用   install   

一、核心问题

    路由要解决的核心问题是通过建立url和页面之间的对应的关系,使不同的页面可以通过不用的url来展示。

技术图片

  • 首先,当用户在浏览器上输入URL后,Angular将获取该URL并将其解析生成一个UrlTree实例
  • 其次,在路由配置中寻找并激活与UrlTree实例匹配的配置项
  • 再次,为配置项中指定的组件创建实例
  • 最后,将该组件渲染于路由组件的模板中<router-outlet>指令所在的位置

二、安装或者下载angular-route的包

  • 通过npm或者cnpm安装,npm/cnpm install angular-route --save 
  • 引入这个包(route.js文件)
  • 在自己的模块中添加ngRoute的依赖
  • 路由配置(配置路由规则),规则是指什么样的请求,找什么控制器,类似于[{url1:"",controller1}]
  • 编写对应的视图和控制器

 三、使用

    技术图片

 

   技术图片

 

 

   、

 

 

    

 

angular之路由

标签:路由   family   angular   问题   关系   配置   解决   使用   install   

原文地址:https://www.cnblogs.com/wangyfax/p/11645120.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!