Angular 2+での基本的なREST

Question

Angularでは最も基本的で頭痛のない残りの実装は何ですか？

私が疲れてきたこの：

バックがSETRPこのようなものです：localhostを：3000 /可能呼び出しで トドス：/ IDを入れて、ID /ポストを取得し、取得するには、/ ID

を削除

私はこのURLで数字をつけていますhttp://localhost:3000/todos/${term}/${id}私はすべて私の残りの呼び出しを一つの方法にリファクタリングしました。すべての私の喜びが停止

はここにある：

私は完全に間違った方法を閉じたりつもり？

Answer 1

角度2以上では、すべてのhttpコールをサービス内に追加します。しかし、あなたのエラーを修正するには、これを試してください。

import { Component, OnInit } from '@angular/core'; 
import { Http } from '@angular/http'; 
@Component({ 
    selector: 'app-home', 
    templateUrl: './home.component.html', 
    styleUrls: ['./home.component.scss'] 
}) 
export class HomeComponent implements OnInit { 

    results: any; 

    constructor(private http: Http) { } 

    restCall(term:string, id:string) { 
    let promise = new Promise((resolve, reject) => { 
     let apiURL = `http://localhost:3000/todos$/{term}/${id}`; 
     this.http.get(apiURL) 
     .toPromise() 
     .then(
      res => { // Success 
      this.results = res.json().results; 
      resolve(); 
      }, 
      msg => { // Error 
      reject(msg); 
      } 
     ); 
    }); 
    return promise; 
    } 
} 

私はHttpサービスをインポートし、コンストラクタ内で宣言しました。 結果変数はローカル変数ではないので、コンストラクタの前に宣言する必要があります。