4-9 路由 URL 和参数(1) 不显示路由画面

来源:4-9 路由 URL 和参数(1)

weixin_慕侠8488025

2019-10-23

关于 4-9 路由 URL 和参数(1) 视频,我觉得完全按视频区做了,
结果只显示最上面的路由滚动条,其他画面不显示。
帮我找一下原因,停在这里了,不能往前学习了。谢谢!
1、页面初始化路径:http://localhost:4200/。(路径中home/hot 也没有)
图片描述

2、路由程序(完全按视频写的)
图片描述

3、home-container.component.html
图片描述

4、home-detail.component.html
图片描述

5、home-detail.component.ts
图片描述

6、home-routing.module.ts
图片描述

7、home.module.ts
图片描述

8、app.module.ts
图片描述

抱歉,不知道该提供哪些图片好,就自己认为对的选了。如有需要,再提供其他的。

写回答

2回答

接灰的电子产品

2019-10-24

你对比一些 git 对应分支代码吧,我看你把路由信息写到了 app-routing.module,而这个其实是应该在 home-routing.module 的。自己对比一下课程源码

1
1
weixin_慕侠8488025
非常感谢!
2019-10-27
共1条回复

weixin_慕侠8488025

提问者

2019-10-24

按你的思想,修改了两个下面两个路由文件,可以了。

//img.mukewang.com/szimg/5db1b37909550e2f19201030.jpg

//img1.sycdn.imooc.com/szimg/5db1b31b098a96c119201030.jpg


有一个疑问,在地址栏中输入:http://localhost:4200 后,

默认变成下面路径了:http://localhost:4200/home/hot

请问怎么就自动改变了默认URL了呢,是怎么改变的?

//img1.sycdn.imooc.com/szimg/5db1b59109cb3b6619201030.jpg

谢谢。


0
1
接灰的电子产品
redirectTo,根路由规定了重定向到 home
2019-10-24
共1条回复

Angular 开发拼多多webapp 从基础到项目实战

高仿拼多多WebApp,带你在实战环境中学习Angular

1322 学习 · 451 问题

查看课程