このコードではHTTPコールが行われていませんか？

Question

CoreService：

export class CoreService { 

    constructor(private _http: HttpClient) { 
    Common.Socket.next('https://reqres.in'); 
    } 

    httpget(url): any { 
    return Common.Socket 
    .switchMap((x)=> this._http.get(x + url)); 
    } 
    httppost(url, body): any { 
    return Common.Socket 
    .switchMap((x)=> this._http.post(x + url, body, 
    {headers: this.createAuthorizationHeader()} 
    )); 
    } 

    private createAuthorizationHeader() { 
    const headers = new HttpHeaders({'Content-Type':'application/json'}); 
    return headers; 
    } 
} 

コンポーネントサービス：

export class AppServiceService { 

     constructor(private _coreService: CoreService) { } 
     getAll(path: string){ 
     return this._coreService.httpget(path); 
     } 
    getParticular(url){ 
     return this._coreService.httpget(url); 
     } 
     create(url, body) { 
     return this._coreService.httppost(url, body); 
     } 
    } 

APPモジュール：

@NgModule({ 
    imports:  [ BrowserModule, FormsModule, HttpClientModule ], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ], 
    providers: [CoreService] 
}) 
export class AppModule { } 

のApp成分

export class AppComponent implements OnInit { 
     name = 'Angular 5'; 
     public allPosts: any; 
     constructor(private _appServiceService: AppServiceService) { 
     } 
     ngOnInit(): void { 
     this.getAllPosts(); 
     } 
     private getAllPosts(): void { 
     this._appServiceService.getAll('/api/users?page=2').subscribe(
      (res) => { 
      this.allPosts = res; 
      console.log(this.allPosts, 'allposts'); 
      } 
     ); 
     } 
     getParticular(): void { 
     this._appServiceService.getParticular('/api/users/2').subscribe(
      (res) => { 
      this.allPosts = res; 
      console.log(this.allPosts, 'allposts'); 
      } 
     ); 
     } 
createMessage() { 
    const url = '/api/users'; 
    const body = { 'name': 'morpheus-1','job': 'leader'}; 
    this._appServiceService.create(url, body).subscribe(
     (x) => { 
     console.log(x); 
     } 
    ); 
    } 
    } 

IAM呼び出しが作成しgetpa app.component.htmlのclickイベントからrticular。コアサービスは、私がrequest.pleaseにこれを解決するためにhttpコールをしていません。私はrxjsがこの問題の原因だと思う。 私はここに複製しました - >https://stackblitz.com/edit/angular-rcxgxv。

Answer 1

あなたはCoreServiceの各機能に

Common.Socket.next('https://reqres.in'); 

を追加するとき、それが機能しています。 URLのSubjectを使用する代わりに、単に文字列を使用してください。

import { Subject } from 'rxjs/Subject'; 
export class Common { 
    static Socket = "https://reqres.in"; 
} 

次にCoreServiceにいくつかの変更を追加します。また、

@Injectable() 
export class CoreService { 

    constructor(private _http: HttpClient) { 
    } 

    httpget(url): any { 
    return this._http.get(Common.Socket.toString() + url); 
    } 
    httppost(url, body): any { 
    return this._http.post(Common.Socket.toString() + url, body, 
    {headers: this.createAuthorizationHeader()} 
    ); 
    } 

    private createAuthorizationHeader() { 
    const headers = new HttpHeaders({'Content-Type':'application/json'}); 
    return headers; 
    } 
} 

をAppComponentにメッセージを投稿するときアンギュラ4はポストが何のサブスクリプションが存在しない場合に要求したり、HTTP上で約束送信しないために機能するためにサブスクリプションを追加.post

createMessage() { 
    const url = '/api/users'; 
    const body = { 'name': 'morpheus-1', 'job': 'leader' }; 
    this._appServiceService.create(url, body).subscribe(); 
    }