2

最新の Angular を使用する

Angular CLI: 6.0.0
Node: 8.11.1
OS: win32 x64
Angular: 6.0.0
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, http, language-service, material, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.0
@angular-devkit/build-angular     0.6.0
@angular-devkit/build-optimizer   0.6.0
@angular-devkit/core              0.6.0
@angular-devkit/schematics        0.6.0
@ngtools/webpack                  6.0.0
@schematics/angular               0.6.0
@schematics/update                0.6.0
rxjs                              6.1.0
typescript                        2.7.2
webpack                           4.6.0

http私は angular を研究しておりGET、 、POSTPUTそして今PATCH.

しかし、メソッドを使用しているときに問題が発生しました。PATCHメソッドをコピーしてPUTに変更するPUTだけPATCHです。同じパラメーターと機能を持っているだけだと思ったからです。しかし、私はエラーが発生します:

ここに画像の説明を入力

service.ts

const heroesUrl = "api/heroes";
const httpOptions = {
  headers: new HttpHeaders({ 'Content-Type': 'application/json' })
};

patchHero(hero: Hero): Observable<any> {
    return this.http.patch(heroesUrl, hero, httpOptions)
      .pipe(
        tap(_ => this.log(`patched hero id=${hero.id}`)),
        catchError(this.handleError<any>('patchHero'))
    );
}

component.ts

update(id: number, name: string): void {
    this.heroService.patchHero({id, name } as Hero)
        .subscribe(() => { 
        console.log("Success update") // This log is printing even if the Method not allow is appeared.
    });
}

私はちょうどそのサイトから与えられたチュートリアルの角度を練習しています。

4

3 に答える 3