3

我是 Angular 2 的新手，我想在我的项目中使用 JWT。因此，我完全按照使用基本配置的 angular2-jwt 官方页面给出的说明进行操作。我使用以下代码创建了一个名为 auth.module.ts 的文件：

import { NgModule } from '@angular/core';
import { Http, RequestOptions } from '@angular/http';
import { AuthHttp, AuthConfig } from 'angular2-jwt';

function authHttpServiceFactory(http: Http, options: RequestOptions) {
  return new AuthHttp(new AuthConfig(), http, options);
}

@NgModule({
  providers: [
    {
      provide: AuthHttp,
      useFactory: authHttpServiceFactory,
      deps: [Http, RequestOptions]
    }
  ]
})
export class AuthModule {}

下一步是发送经过身份验证的请求。我使用了一个组件，在其中放置了一个按钮，该按钮调用一个执行页面上建议的代码的函数：

文件：calendario.components.ts

import {Component, OnInit,trigger,state,style,transition,animate,keyframes, group} from '@angular/core';
import initDemo = require('../../../assets/js/charts.js');
import initNotify = require('../../../assets/js/notify.js');
import { AuthHttp } from 'angular2-jwt';

declare var $:any;

@Component({
    moduleId: module.id,
    selector: 'calendario',
    templateUrl: 'calendario.component.html'

})

export class CalendarioComponent{
    thing: any;
    constructor(public authHttp: AuthHttp) {}
    obtenerDatos() {
        this.authHttp.get('http://localhost/autorepuestos/web/app_dev.php/api/conjunto')
      .subscribe(
        data => this.thing = data,
        err => console.log(err),
        () => console.log('Request Complete')
      );
        console.log("Hola");
    }
}

当我进入这个组件时，我有一个错误：

EXCEPTION: Uncaught (in promise): Error: No provider for AuthHttp!
Error: DI Error

知道我可以解决这个问题吗？我对 angular 2 真的很陌生，感谢您的帮助！

4

1 回答 1

5

看起来您已经创建了一个提供此类的模块AuthHttp。您是否确定AuthModule是在作为一部分的模块的导入中CalendarioComponent？

像这样的东西：

import { AuthModule } from '...';
import { CalendarioComponent } from '...';

@NgModule({
    imports: [AuthModule],
    declarations: [CalendarioComponent]
})
export class SomeModule {}
于 2017-03-22T21:15:00.487 回答