Angular 2 Routes

Question

我的app.html中有一个路由器插座.problem是我有3个（post，admin，addposts）组件，除了app.component。在我的帖子组件我有下拉菜单onece我点击下拉列表我想加载addposts和网址应该看起来像这个帖子/ addposts。任何想法如何做到这一点

这是我的app.routes.ts

   const routes: Routes = [

      { path: '',  redirectTo: 'main', pathMatch: 'full'},
      { path: 'main', component:AdminBodyComponent  },
      { path: 'admin', component:AdminComponent  },
      { path: 'posts',component:PostsComponent},
      { path: 'addposts',component:AddPostComponent}];

Answer 1

Oprion 1：

如果您可以添加最简单的锚标记。

<a routerLink="/addposts" routerLinkActive="active">Add Post</a>

选项2：

遵循以下3个简单步骤。

步骤1：导入角度路由器

import { Router } from '@angular/router';

步骤2：使用依赖注入注入值

constructor(
      private router:Router,
      ...
)

第3步：在点击事件中调用navigate（）

this.router.navigate（[＆＃39; / addposts＆＃39;]）;

Answer 2

我假设您要导航到其他页面，因为您想要路由到post/addposts。然后你可以改变你的路径

{ path: 'post/addposts',component:AddPostComponent}];

我可能错了，你可能想要使用多个路由器插座。

Answer 3

首先安装路由器：npm install router

＆＃13;

＆＃13;

MutableList

＆＃13;

＆＃13;

＆＃13;

如果你想使用特定的路由器去做这个 步骤4：

Answer 4

首先安装路由器：npm install router

protobuf

如果你想使用特定的路由器去做这个 步骤4：