重定向不会改变角度4中的视图

Question

我是棱角分明的新人，我不知道如何正确重定向。我在stackblitz中做了这个简单的页面来测试它，但是我的重定向效果不好，因为html的信息没有改变。你能说我这是我的错吗？

https://stackblitz.com/edit/angular-2bxumx?file=app%2Fpage1%2Fpage1.component.html

Answer 1

您在html上缺少路由器插座标签...还需要添加默认路由：

请注意，如果您在app.compontne.ts中添加以下行，则会在点击时加载您的page1：

<router-outlet></router-outlet>

Asso，记得设置一个默认路由，这样当你的应用加载路由器时，就会显示一些东西：

const appRoutes: Routes = [  
  { path: '', redirectTo: 'hello', pathMatch: 'full' },
  { path: 'hello', component: HelloComponent },
  ...
];

我建议您至少浏览navigation上的文档。