TypeScript：错误TS2345：类型'JQueryXHR'的参数不可分配给类型为'Promise <any>'的参数'

Question

以下示例代码片段在教程中介绍如何执行JQuery getJSON（）调用，然后将JQueryXHR导致一个Promise，然后转换为Observable。

/// <reference path="../typings/tsd.d.ts" /> 

import { Component } from '@angular/core'; 
import { Observable } from 'rxjs/Rx'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
     <input id="search" type="text" class="form-control"> 
    ` 
}) 
export class AppComponent { 
    example(searchTerm: string) { 
    let url: string = 
     "https://api.spotify.com/v1/search?type=artist&q=" + searchTerm; 
    let jqueryXhr: JQueryXHR = $.getJSON(url); 
    let observable: Observable<any> = Observable.fromPromise(jqueryXhr); 
    } 
} 

这个例子没有工作在运行，但TSC编译器会引发以下错误：

app/app.component.ts(28,61): error TS2345: Argument of type 'JQueryXHR' is not assignable to parameter of type 'Promise<any>'. 
    Types of property 'then' are incompatible. 

有没有干净的方式投或转换JQueryXHR对象的承诺，或另一种类型，那可以转换成Observable？

Answer 1

Is there a clean way to cast or convert a JQueryXHR object to a Promise?

您正在寻找Promise.resolve，确实如此。

但是，如果只有类型更加精确，那么您的当前代码应该已经可以工作。 fromPromise不应该要求Promise，但只有Thenable和JQueryXHR应实现Thenable接口。

Answer 2

答（感谢@Bergi）：

/// <reference path="../typings/tsd.d.ts" /> 

import { Component } from '@angular/core'; 
import { Observable } from 'rxjs/Rx'; 

@Component({ 
    selector: 'my-app', 
    template: ` 
     <input id="search" type="text" class="form-control"> 
    ` 
}) 
export class AppComponent { 
    example(searchTerm: string) { 
    let url: string = 
     "https://api.spotify.com/v1/search?type=artist&q=" + searchTerm; 
    let jqueryXhr: JQueryXHR = $.getJSON(url); 
    let promise: Promise<any> = Promise.resolve(jqueryXhr); 
    let observable = Observable.fromPromise(promise); 
    } 
}