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, Я полагаю, что мне не хватает чего-то важного в роутере-розетке.

Мне действительно нужна помощь. Это второй день с этой головной болью.

Спасибо и извините за плохой английский.

Привет.

0 ответов

Другие вопросы по тегам