javascript - 路由器 socket 不工作我的组件

Question

我尝试学习 Angular 2，以重新设计我的个人网站，但我遇到了一个问题，当我在导航栏中单击相应的路线时，我的应用程序没有加载我的组件。

在我的 navbar.html 中有 2 个链接:

        <li><a [routerLink]="['Home']"><i class="fa fa-home"></i></a></li>
        <li><a [routerLink]="['Langages']">Langages</a></li>

然后我在 @RouteConfig 的 app.component.ts 中声明我的路线:

    {path: '/', name: 'Home', component: HomeComponent, useAsDefault: true},
    {path: '/langages', name: 'Langages', component: LangagesComponent},

在我的 app.component.ts 中，我有一个模板，其中包含一个用于查看我的导航栏的模板，在下面我添加了一个标签以查看我的 HomeComponent，如果我切换页面，我看到的是我的 LangagesComponent 而不是 HomeComponent ...所以对于这个此刻，我没有看到 HomeComponent 和其他组件。

P.S:在我的 LangagesComponent 中我有:

import {Component} from "angular2/core";

@Component({
    templateUrl: "./dev/langages/langages.html"
})

export class LangagesComponent {}

感谢您的帮助。

Answer 1

name 和 useAsDefault(not sure) 早就被移除了。现在你应该设置你的路线如下，

{ path: '', redirectTo: 'home', pathMatch: 'full'},
{ path: "home", component: HomeComponent},    
{ path: 'language',  component: LangagesComponent },

.HTML

<li><a routerLink="home"><i class="fa fa-home"></i></a></li>
<li><a routerLink="language">Langages</a></li>

注意:还要确保将路由器导出放置在某处，以便使用 HTML 中的路由器加载动态 View 。