Angular 2 - после входа в систему с auth0 неправильно перенаправления
Я новичок в Angular2 World, может быть, поэтому я здесь. Я делаю веб-приложение с auth0
безопасность, логин в порядке, но после этого мое приложение не идет туда, куда нужно.
Давайте перейдем к делу.
Дерево:
приложение
--Главная
--- home.components.css
--- home.components.ts
--- home.template.html
--авторизоваться
--- login.components.css
--- login.components.ts
--- login.template.html
- app.components.css
- app.components.spec.ts
- app.components.ts
- app.module.ts
- app.routes.ts
- app.template.html
- auth.config.ts
- auth.service.ts
- main.ts
login.component.ts:
import { Component } from '@angular/core';
import { Auth } from './../auth.service';
@Component({
selector: 'login',
styleUrls: ['./login.component.css'],
templateUrl: './login.template.html'
})
export class LoginComponent {
//public logocas : './../../img/clp/white-transapretn-cas-logo.png';
constructor(private auth: Auth) {
}
ngOnInit() {
}
};
home.component.ts:
import { Component } from '@angular/core';
import { Auth } from './../auth.service';
@Component({
selector: 'home',
styleUrls: ['./home.component.css'],
templateUrl: './home.template.html'
})
export class HomeComponent {
//public logo : '/../img/clp/white-transapretn-cas-logo.png';
constructor(private auth: Auth) {
}
ngOnInit() {
}
};
app.component.ts
import { Component, ViewEncapsulation } from '@angular/core';
import { Auth } from './auth.service';
@Component({
selector: 'app-root',
providers: [ Auth ],
templateUrl: './app.template.html',
styleUrls: ['./app.component.css'],
encapsulation: ViewEncapsulation.None
})
export class AppComponent {
//title = 'app works!';
constructor(private auth: Auth) {}
}
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AUTH_PROVIDERS } from 'angular2-jwt';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { routing,
appRoutingProviders } from './app.routes';
import { Auth } from './auth.service';
import { LoginComponent } from './login/login.component';
@NgModule({
declarations: [
AppComponent,
LoginComponent,
HomeComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
routing
],
providers: [
appRoutingProviders,
...AUTH_PROVIDERS,
Auth
],
bootstrap: [AppComponent]
})
export class AppModule { }
app.route.ts
import { ModuleWithProviders } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { LoginComponent } from './login/login.component';
const appRoutes: Routes = [
{ path: '', component: LoginComponent },
{ path: 'login', component: LoginComponent },
{ path: 'home', component: HomeComponent },//
{ path: '**', redirectTo: '' }
];
export const appRoutingProviders: any[] = [
];
export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);
app.template.html
<main class="container">
<router-outlet>...</router-outlet>
<div></div>
</main>
После входа в систему он должен добраться до дома, но я получаю "..." из app.template.html
, Я полагаю, что мне не хватает чего-то важного в роутере-розетке.
Мне действительно нужна помощь. Это второй день с этой головной болью.
Спасибо и извините за плохой английский.
Привет.