我的顶级应用程序组件中有一个 RouteConfig,定义如下:
@RouteConfig(const [
const Route(path: '/admin', name: 'AdminSite', component: AdminSite),
const Route(path: '/', name: 'ManagerSite', component: ManagerSite, useAsDefault: true),
])
我有一个应该保存导航链接的子组件。我定义了子组件,并在我使用的模板中:
<nav>
<a *ngIf="authService.user?.is_admin" [routerLink]="['AdminSite']">Admin</a>
<a [routerLink]="['ManagerSite']">Home</a>
</nav>
如果我将链接放在应用程序组件中,一切正常,但是如果我将它们移动到子组件,当我单击链接时,浏览器地址行中的 url 会更新,但路由器插座不会改变。
我搜索了文档,但无法弄清楚出了什么问题。有人可以解释一下发生了什么吗?
我认为您需要建立路由器链接
<a [routerLink]="['/ManagerSite']">Home</a>
或
<a [routerLink]="['../ManagerSite']">Home</a>
如果routerLink
位于AdminSite
或ManagerSite
组件中,否则路由器将尝试导航到包含"子组件"的组件的子路由。
如果在子组件中遗漏了以下内容,则移动<a>(anchor)
标记将不起作用。
-
导入
ROUTER_DIRECTIVES
import {RouteConfig, RouterOutlet, ROUTER_DIRECTIVES} from 'angular2/router';
-
给出正确的路径到下面
<a *ngIf="authService.user?.is_admin" [routerLink]="['AdminSite']">Admin</a> <a [routerLink]="['ManagerSite']">Home</a>
像这样的事情['./ManagerSite']
或['./AdminSite']
工作压倒器
在那个 plunker 检查此文件app/crisis-center/crisis-center.component.ts