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); 
    } 
}