Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs Angular 2(2.0.0-rc.4)登录/管理路由器模板路径_Angularjs_Angular - Fatal编程技术网

Angularjs Angular 2(2.0.0-rc.4)登录/管理路由器模板路径

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

大家好。希望是一个简短的问题。=)

我有一个登录页面,路径设置为/login

我还设置了其他路线/页面,例如/dashboard、/history、/sales,这些页面都共享侧栏导航

我遇到的问题是,我需要登录页面不显示侧栏,只显示表单。登录后,我需要显示侧栏,并在页面右侧更改请求url的内容

我使用的路线

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
(或任何机制)的侧栏。明白了,我不知道是否有任何继承模板选项。。谢谢