Javascript 路由器出口不工作我的组件
我试图学习angular 2,重新设计我的个人网站,但我有一个问题,我的应用程序没有加载我的组件,当我在我的导航栏中点击合适的路线 在my navbar.html中,我有两个链接:Javascript 路由器出口不工作我的组件,javascript,angular,typescript,npm,Javascript,Angular,Typescript,Npm,我试图学习angular 2,重新设计我的个人网站,但我有一个问题,我的应用程序没有加载我的组件,当我在我的导航栏中点击合适的路线 在my navbar.html中,我有两个链接: <li><a [routerLink]="['Home']"><i class="fa fa-home"></i></a></li> <li><a [routerLink]="['Langages
<li><a [routerLink]="['Home']"><i class="fa fa-home"></i></a></li>
<li><a [routerLink]="['Langages']">Langages</a></li>
在我的app.component.ts中,我有一个模板,上面有一个用于查看导航栏的标签,下面我添加了一个标签以查看我的HomeComponent,如果我切换页面,我会看到我的LangagesComponent,而不是HomeComponent。。。所以现在,我没有看到HomeComponent和其他组件
附言:在我的语言成分中,我有:
import {Component} from "angular2/core";
@Component({
templateUrl: "./dev/langages/langages.html"
})
export class LangagesComponent {}
感谢您的帮助。
路由中的名称不受支持(该名称在1/2年前被删除)
路由配置中的路径不得包含前导的/
。
在routerLink
或router.navigateByUrl()
中,前导的/
表示绝对路径,而没有/
则假定路径是相对的
也不再有@RouteConfig
(除非使用Dart而不是TS)
有关详细信息,请参阅。name
和useAsDefault(不确定)
早就被删除了。
现在,您应该按照以下步骤设置路线:
{ path: '', redirectTo: 'home', pathMatch: 'full'},
{ path: "home", component: HomeComponent},
{ path: 'language', component: LangagesComponent },
.HTML
语言
注意:还要确保您将路由器插座放置在某个地方,以便使用HTML格式的路由器加载动态视图。我通过本教程学习Angular 2:因此,如果我在/langages中或在2016年1月发布的“/”中加载我的组件,我会更改URL,并且不会加载我的组件。这是关于测试版的。1次检查你自己从那时起发生了什么变化。
<li><a [routerLink]="['/']"><i class="fa fa-home"></i></a></li>
<li><a [routerLink]="['/langages']">Langages</a></li>
{path: '', component: HomeComponent, pathMatch: 'full'},
{path: 'langages', component: LangagesComponent},
{ path: '', redirectTo: 'home', pathMatch: 'full'},
{ path: "home", component: HomeComponent},
{ path: 'language', component: LangagesComponent },
<li><a routerLink="home"><i class="fa fa-home"></i></a></li>
<li><a routerLink="language">Langages</a></li>