Angular中的路径定义，模板中的调用和跳转
【摘要】 定义：const routes: Routes = [ { path: '', component: HomeComponent, pathMatch: 'full' }, { path: 'board', component: BoardComponent }, { path: 'home', component: HomeComponent },];模板中调用和跳转: <...
定义：
const routes: Routes = [
{ path: '', component: HomeComponent, pathMatch: 'full' },
{ path: 'board', component: BoardComponent },
{ path: 'home', component: HomeComponent },
];
模板中调用和跳转:
<li
class="nav-item"
[routerLinkActive]="['link-active']"
[routerLinkActiveOptions]="{ exact: true }"
>
<a class="nav-link text-dark" [routerLink]="['/']">Home</a>
</li>
<li class="nav-item" [routerLinkActive]="['link-active']">
<a class="nav-link text-dark" [routerLink]="['/board']">Board</a>
</li>
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）