我正在努力使用rc5
的angular2-jwt文档这是我的NgModule
import { AuthHttp } from 'angular2-jwt';
@NgModule({
imports: [ BrowserModule,
routing,
HttpModule,
FormsModule,
],
declarations: [
AppComponent,
LoginComponent,
NavbarComponent,
DashboardComponent,
ModelsComponent
],
providers: [AuthGuard,
ModelService,
AuthHttp
],
bootstrap: [ AppComponent ]
})
export class AppModule { }
这是我的服务
import { Injectable } from '@angular/core';
import {Http} from '@angular/http';
import 'rxjs/add/operator/map';
import { Model } from './model';
import { AuthHttp } from 'angular2-jwt';
import {Observable} from "rxjs/Rx";
@Injectable()
export class ModelService {
private _url = "http://127.0.0.1:8050/test/model";
constructor(private _http: Http,private _authHttp: AuthHttp){
//this.jwt = localStorage.getItem('id_token');
}
getPollModles(){
return Observable.interval(5000).switchMap(() => this._authHttp.get(this._url)).map(res => res.json());
}
}
如何让angular2_jwt与rc5配合使用?
当我向服务员添加我的服务时,我得到以下的错误。
constructor(private route: ActivatedRoute,
public router: Router,
private modelService: ModelService)
core.umd.js:5995EXCEPTION: Uncaught (in promise): Error: Error in ./ModelsComponent class ModelsComponent_Host - inline template:0:0 caused by: No provider for AuthConfig!
答案 0 :(得分:18)
app.module 像这样导入:
import { AuthHttp, AuthConfig, AUTH_PROVIDERS, provideAuth } from 'angular2-jwt';
添加提供商:
providers: [
AuthHttp,
provideAuth({
headerName: 'Authorization',
headerPrefix: 'bearer',
tokenName: 'token',
tokenGetter: (() => localStorage.getItem('id_token')),
globalHeaders: [{ 'Content-Type': 'application/json' }],
noJwtError: true
})
],
答案 1 :(得分:0)
您必须在NgModule
中提供所有注入的依赖项。
将AuthConfig
添加到@NgModule
的声明中。
编辑:这可能是无稽之谈。
您是否已将angular2-jwt
更新为当前版本?
答案 2 :(得分:0)
如果提供程序的顺序错误,也会发生此错误:
providers: [
provideAuth({
headerName: 'Authorization',
headerPrefix: 'my-bearer-prefix',
tokenName: 'my-token-name',
tokenGetter: (() => localStorage.getItem('token')),
globalHeaders: [{ 'Content-Type': 'application/json' }],
noJwtError: true
}),
AuthHttp
]
导致Angular 2.0.0和angular2-jwt 0.1.23的错误。
答案 3 :(得分:0)
试试这个: ...
imports: [ AuthModule.forRoot(new AuthConfig({
headerName: 'Authorization',
headerPrefix: 'my-bearer-prefix',
tokenName: 'my-token-name',
tokenGetter: (() => localStorage.getItem('token') || ''),
globalHeaders: [{ 'Content-Type': 'application/json' }],
noJwtError: true
}))]