-
在命令行使用 ng new router -- routing
image.png
Router 和 RouterLink 的作用是一样的
- Router是在 控制器中使用 而 RouterLink是在<a>标签中使用
下图是五个路由对象在项目中的使用框图
image.png
- 下图是配置路由的文件 需要注意的是 **********path里面不需要 以斜杠开头***
image.png
- 与上面配置不同的是 当我们需要在模板中使用路由时就应该使用routerlink 但是需要注意的是我们需要 routerlink 的属性需要以斜杠开头 同时routerlink 后面的参数是一个数组 目的是为了在后面传递相应的参数 。后面的章节中有写。
image.png
- 下面我们看一下通过Router方法是如何实现路由的 ：
image.png
我们在模板中写了一个 按钮 并且给他绑定事件方法 此时间方法在组件中进行完成，此时用到了Router 方法了 代码如下：
image.png
- 当我们输入不存在的路径时我们希望出现相应的处理页面 所以我们定义了一个 错误界面的组件来处理这种问题 如下图 通配符的路由一定要放在最后面。
image.png
