用户登录

在应用里可以创建一个演示模块,在里面演示 Angular 框架提供的一些功能。在终端,执行 ng generate 生成一个 module,模块放在 modules 里面,名字叫 demo ,我希望生成的这个模块可以有一个单独的 Routing 模块,所以在这个命令里面,再加上一个 --routing 选项。再用 --module 选项,指定一下这个生成的模块要放在哪个模块里。这里应该是应用的 app 模块。执行一下。

回到项目,找到刚才生成的模块,在 app,modules 的 demo 目录的下面,有一个 demo.module.ts ,这个文件里定义了这个演示模块。

另外在这个目录里还有一个 demo-routing.module.ts,这是一个路由模块,因为在生成 Demo 模块的时候我们用了一个 --routing 选项,所以会自动生成这个路由模块。

在 Demo 模块里,已经导入了这个 DemoRoutingModule 模块。

另外,命令还会自动更新一下 AppModule 模块,在这个模块里,已经给我们自动导入了 DemoModule。这是因为在执行生成模块的命令的时候,用了一个 --module 选项,指定了要生成的模块要在哪个模块里导入。

注意这个 DemoModule 模块里包含了它的路由模块,一会儿我们会在这个路由模块里添加几条路由,这里需要把应用的路由模块,也就是这个 AppRoutingModule 放在所有模块的最下面,因为在这个路由模块里定义了一条通配符类型的路由,如果把这个模块放在 DemoModule 的前面,在 DemoMoudle 的路由模块里定义的路由就不会被匹配。

所以要把这个 AppRoutingModule 放在所有导入的模块的最下面。

演示模块(DemoModule)《 Angular:路由 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点