通過 Angular 與后端通信

Question

我開發了一個小型庫（js 代碼），我想與 angular 集成。 問題是這個庫在某個時刻應該發出請求（ajax）將一些結果推送到后端。 我怎樣才能做到這一點？ 我應該開發指令來支持綁定嗎？ 抱歉，我對 angular 的了解很少，但是將前端收集的數據發送到后端的最佳方式是什么。

謝謝

Answer 1

與后端交互的最佳方式是使用服務。 例如（示例是針對最新的 Angular 版本，以前的版本不支持HttpClient ，它只是Http 。我也使用toPromise ，它是可選的，如果需要，您可以處理observable ）：

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/toPromise';

@Injectable()
export class YourService {
  constructor(
    private _http: HttpClient
  ) { }

  public sendDataToServer(data: any): Promise<any> {
    return this._http.post(http://fakehost/fakeurl, data)
      .toPromise()
      .catch(err => console.error(err));
  }

在您的組件內部：

import { Component } from '@angular/core';
import { YourService } from '../../core/your-service.service';

@Component({
  selector: 'your-component',
  templateUrl: './your-component.component.html',
  styles: [``]
})

export class SignUpComponent {  
  constructor(private _yourService: YourService) {
    this.ApiCall();
  }

  public ApiCall(): void {
    this._yourService.sendDataToServer("any data here")
      .then(response => {
        console.log("Response:", response);
      })
      .catch(err => console.error(err));
  }
}