如何在angular CLI版本1.1.1中将路由模块添加到现有模块?

古里香卡:

我已经使用angular CLI创建了一个模块,而忘记了在创建时添加--routing,现在我想向其中添加路由模块。

ng init --routing 不会在角度CLI版本1.1.1中提供帮助

品质:

那根本不是问题。

只需手动添加路由。

所有这一切的--routing标志呢,除了加入<router-outlet></router-outlet>app.component.html,是加Q RouterModule.forRoot()在被称为一个独立的模块调用AppRoutingModule,并且包括在该模块importsAppModule

因此,在中app.module.ts,它增加AppRoutingModuleimports您的AppModule

AppRoutingModule中定义为app-routing.module.ts,其中创建从该模板

我要在这里复制它很小:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
  {
    path: '',
    children: []
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

{path: '', children:[]}只是一个占位符,你有望取代(我知道,因为我把它添加到源代码)。它只是确保路由器在没有<router-outlet>任何路由时不会抱怨

那么,回到问题上,您应该怎么做?将文件复制到您的项目中,使其看起来像原始的CLI,然后将其添加AppRoutingModule到您AppModuleimports...

或者只是添加RouterModule.forRoot([/* routes here */])到您AppModule的中imports它仍然可以正常工作,并且内置了对延迟加载的支持,其他一切都很好。

聚苯乙烯

请记住,要添加子路由,ng generate module Foo --routing无论是否--routing标志一起使用,始终可以通过路由生成更多模块ng new没有配置或任何魔术担心。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Keras或Tensorflow中将L1范数添加到损失函数中?

如何将[1]添加到数组中?

如何将1:1关系添加到情节

如何在Xcode中将现有Xcode项目添加到git版本控件中?

如何在Maximo中的自动化脚本中将1秒添加到当前日期

如何在tensorflow中将一片占位符张量添加到1?

如何在Jquery中将H1标签添加到$('a')

将 Angular 2 添加到已有 Angular 1 的旧 JHipster 项目

如何使用CLI将模块添加到Wildfly

在Pandas中对数据进行非规范化:如何创建col_1,col_2等并将现有值添加到列中?

如何卸载 cgroup 版本 1?

如何将“书”添加到/ shelves / 1 / books

如何将+1值添加到php

如何将+1添加到当前时区?

在Verilog中将1'b1添加到8位reg如何工作?

如何将Intellij 14中的模块添加到现有项目

如何在Angular 8中将两个模态绑定为1 ViewModel

如何在Solus OS(Linux)下将btrfs raid 1添加到加密的lvm2卷组中?

如何将每行的列单元添加到@Header 有标志允许 1?

在Pytorch中,如何将L1正则化函数添加到激活中?

如何将表 1 中的数据添加到 mysql 中的表 2?

如何在Sonatype Nexus中将单个文件添加到现有快照时间戳版本

如何将+1添加到正则表达式捕获中?

如何将1年添加到开始日期以获取JavaScript中的结束日期

如何将日期添加到1年。在PHP Laravel中

如何将2个动画添加到1个关键帧中

如何將 1 添加到 MongoDB 中的值?

如何在 Angular 中显示是/否而不是 1/0

如何在Angular 6中使用take(1)?