添加路由链接(routerLink) 不应该让用户只能把路由的URL粘贴到地址栏中。他们还应该能通过点击链接进行导航。
RouterLink(路由链接)这个指令把可点击的HTML元素绑定到某个路由。点击带有routerLink指令(绑定到字符串或链接参数数组)的元素时就会触发一次导航。
当要构建响应式表单时RouterModule@angular/routerWhenyouwanttouseRouterLink,.forRoot(),and.forChild()要使用路由功能,并且你要用到RouterLink
按照惯例,路由模块会重新导出这个RouterModule,以便其配套模块中的组件可以访问路由器指令,比如RouterLink和RouterOutlet。路由模块没有自己的可声明对象。
比如,RouterLink指令期望一个带有button属性的对象,该属性用于指出点击时按下的是哪个鼠标按钮。如果不给出这个事件对象,RouterLink指令就会抛出一个错误。
在Angular中,href不再用作路由,而是改用第三个例子中所展示的routerLink指令。
这些页面不会处理浏览器事件,不过它们可以用routerLink在这个网站中导航。 在实践中,你可能要使用一个着陆页的静态版本来保持用户的注意力。
forChild()中没有注入器配置,只有像RouterOutlet和RouterLink这样的指令。 ---- 更多关于NgModule和路由的知识 你可能还对下列内容感兴趣: 路由与导航。
dashboard.component.html content_copyTopHeroes<divclass="gridgrid-pad"><a*ngFor="letheroofheroes"class="col-1-4"routerLink
你可以通过把每个电话的id绑定到routerLink指令来生成它们了,该指令的构造函数会为PhoneDetailComponent生成正确的URL: app/phone-list/phone-list.template.html