使用Angular 4如何在observable中进行http promise调用？

在Angular 4中，可以使用Observable和Http模块来进行HTTP Promise调用。下面是一个示例代码：

首先，确保已经导入了必要的模块和服务：

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

然后，创建一个服务并注入Http模块：

@Injectable()
export class DataService {
  constructor(private http: Http) { }
}

接下来，可以在服务中定义一个方法来进行HTTP请求：

getData(): Observable<any> {
  return this.http.get('https://api.example.com/data')
    .map(response => response.json())
    .toPromise();
}

在组件中使用该服务并订阅Observable：

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-root',
  template: `
    <button (click)="getData()">Get Data</button>
  `
})
export class AppComponent {
  constructor(private dataService: DataService) { }

  getData() {
    this.dataService.getData()
      .subscribe(data => {
        // 处理返回的数据
      });
  }
}

在上述示例中，getData()方法返回一个Observable对象，通过使用.map()操作符将响应转换为JSON格式，并使用.toPromise()将Observable转换为Promise对象。在组件中，通过调用getData()方法并订阅Observable来获取数据。