Angularjs Angular 2(2.0.0-rc.4)登录/管理路由器模板路径
大家好。希望是一个简短的问题。=) 我有一个登录页面,路径设置为/login 我还设置了其他路线/页面,例如/dashboard、/history、/sales,这些页面都共享侧栏导航 我遇到的问题是,我需要登录页面不显示侧栏,只显示表单。登录后,我需要显示侧栏,并在页面右侧更改请求url的内容 我使用的路线Angularjs Angular 2(2.0.0-rc.4)登录/管理路由器模板路径,angularjs,angular,Angularjs,Angular,大家好。希望是一个简短的问题。=) 我有一个登录页面,路径设置为/login 我还设置了其他路线/页面,例如/dashboard、/history、/sales,这些页面都共享侧栏导航 我遇到的问题是,我需要登录页面不显示侧栏,只显示表单。登录后,我需要显示侧栏,并在页面右侧更改请求url的内容 我使用的路线 import { provideRouter, RouterConfig } from '@angular/router'; import { DashboardComponent } f
import { provideRouter, RouterConfig } from '@angular/router';
import { DashboardComponent } from './components/pages/dashboard.component';
import { HistoryComponent } from './components/pages/history.component';
import { SalesComponent } from './components/pages/sales.component';
import { LoginComponent } from './components/pages/login.component';
const routes: RouterConfig = [
{ path: '', redirectTo:'/login', pathMatch: 'full'},
{ path: 'dashboard', component: DashboardComponent},
{ path: 'history', component: HistoryComponent },
{ path: 'sales', component: SalesComponent },
{ path: 'login', component: LoginComponent},
{ path: '**', component: ErrorComponent }
];
export const appRouterProviders = [
provideRouter(routes)
];
对于我的app.ts
import { Component, } from '@angular/core';
import { ROUTER_DIRECTIVES} from '@angular/router';
import { HTTP_PROVIDERS} from '@angular/http';
@Component({
moduleId: module.id,
selector: 'my-app',
template: '<router-outlet></router-outlet>',
directives: [ROUTER_DIRECTIVES],
providers: [HTTP_PROVIDERS]
})
export class AppComponent {
}
从'@angular/core'导入{Component,};
从“@angular/ROUTER”导入{ROUTER_DIRECTIVES}”;
从'@angular/HTTP'导入{HTTP_PROVIDERS};
@组成部分({
moduleId:module.id,
选择器:“我的应用程序”,
模板:“”,
指令:[路由器指令],
提供者:[HTTP\u提供者]
})
导出类AppComponent{
}
单靠路由器配置无法解决此问题。您应该创建一个登录服务来跟踪用户当前是否登录。然后,您可以在应用程序组件(或任何顶级组件)中使用此登录服务来显示/隐藏带有*ngIf
(或任何机制)的侧栏。明白了,我不知道是否有任何继承模板选项。。谢谢单靠路由器配置无法解决这个问题。您应该创建一个登录服务来跟踪用户当前是否登录。然后,您可以在应用程序组件(或任何顶级组件)中使用此登录服务来显示/隐藏带有*ngIf
(或任何机制)的侧栏。明白了,我不知道是否有任何继承模板选项。。谢谢