1. ホーム
  2. angular

[解決済み] Angular EXCEPTION: Http用のプロバイダがありません。

2022-01-28 10:23:39

質問

を取得しています。 EXCEPTION: No provider for Http! をAngularアプリで使用することができます。私は何を間違えているのでしょうか?

import {Http, Headers} from 'angular2/http';
import {Injectable} from 'angular2/core'


@Component({
    selector: 'greetings-ac-app2',
    providers: [],
    templateUrl: 'app/greetings-ac2.html',
    directives: [NgFor, NgModel, NgIf, FORM_DIRECTIVES],
    pipes: []
})
export class GreetingsAcApp2 {
    private str:any;

    constructor(http: Http) {

        this.str = {str:'test'};

        http.post('http://localhost:18937/account/registeruiduser/',
            JSON.stringify(this.str),
            {
                headers: new Headers({
                    'Content-Type': 'application/json'
                })
            });

解決方法は?

HttpModuleのインポート

import { HttpModule } from '@angular/http';

@NgModule({
    imports: [ BrowserModule, HttpModule ],
    providers: [],
    declarations: [ AppComponent ],
    bootstrap: [ AppComponent ]
})
export default class AppModule { }

platformBrowserDynamic().bootstrapModule(AppModule);

理想的には、このコードを2つのファイルに分割することです。 詳しくは、以下をお読みください。