纯手写Angular 路由配置(两步实现)
来源:互联网 发布:一身份证创建2个淘宝店 编辑:程序博客网 时间:2024/05/16 11:29
我们在生成Angular项目的时候有可能会忘记加上 –routing,这样生成的文件中就不会有路由的配置文件,那么就需要我们手动写路由的配置文件。
手动写路由的配置文件也很简单,不需要我们另外生成新的文件,而是在app.module.ts中去写:
一共分为两步:
第一步:设置路由配置:
const routeCanfig: Routes = [ {path:'',component:HomeComponent}, {path:'product/:id',component:ProductDetailComponent}]
第二步:在主模块中引用写好了的路由配置: RouterModule.forRoot(routeCanfig)
如果不是在子模块中设置的路由配置,那么应该在子模块中引用路由配置:
RouterModule.forChild(routerCanfig)
imports: [ BrowserModule, FormsModule, HttpModule, RouterModule.forRoot(routeCanfig) ],
阅读全文
0 0
- 纯手写Angular 路由配置(两步实现)
- angular config路由配置
- Angular 路由配置详解
- Angular最新教程-第八节 路由一(路由配置)
- angular路由(简单)
- angular.js之路由实现
- angular的路由实现,ngRoute
- ActiveMQ纯静态路由配置
- 三层交换机静态路由配置实现两网互通
- angular路由跳转(笔记)
- angular设置路由实现无刷新跳转
- Angular路由实现单页面切换
- Angular路由实现单页面切换
- angular 路由
- angular路由
- Angular路由
- angular 路由
- Angular路由
- hdu1710二叉树后序遍历
- hive-2
- ArrayList
- 如何检验离散变量是否相关样例和代码(Chi-square Test 切比雪夫检验)
- 关于设计那点事
- 纯手写Angular 路由配置(两步实现)
- 图像处理25:边缘检测
- 动态规划:Codeforces Round #427 (Div. 2) C Star sky
- CodeForces
- Android软件开发之盘点界面五大布局
- 前向星+SPAF
- 卡特兰数(模板)
- HDU 6033 Add More Zero
- Unity3D之UI按键绑定事件(三)