Question

我是angular2的新手。如何在angular2？中从一个页面导航到另一个页面？我正在使用路由器插座。它只是在一个组件之间重定向到另一个组件，但是当我点击下拉项目时，我想从主页重定向到另一个组件。我需要使用页面路由器插座吗？如果是这样，如何使用它以及如何安装nativescript和所有。提前感谢您的回复。

Answer 1

我正在使用app.route.ts

import { Routes } from '@angular/router';
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

export const routes: Routes = [
  { path: 'home' ,  component: HomeComponent,pathMatch: 'full' },
  { path: 'about',  component: AboutComponent }
];

在app.component.html我有

<ul>
<li id="home"><a [routerLink]="['/home']" >Home</a> </li>
<li id="about"><a  [routerLink]="['/about']" >About</a></li>
</ul>
<router-outlet></router-outlet>

在app.module.ts中我配置了路由器。当我点击主页超链接时，它将仅路由到app.component.html页面。它不会重定向到另一个页面，每次我转到新页面时，app.component.html始终显示在页面顶部。如何在不在新页面中显示app.component.html的情况下路由到新页面。

如何在angular2中从一个页面导航到另一个页面

1 个答案: