Наблюдаемый <{}> не присваивается типу Observable <SomeType []>

Ответ 1

Я думаю, что ваша проблема находится здесь:

getRisks(): Observable<RiskListSummary[]> {
  return this.http.get(this.serviceUrl)
     .map(this.extractData()) <== passing result of function
     .catch(this.handleError()); <== passing result of function
}

Вы можете использовать просто передачу ссылки на function:

getRisks(): Observable<RiskListSummary[]> {
  return this.http.get(this.serviceUrl)
     .map(this.extractData)
     .catch(this.handleError);
}

но так ты потеряешь this.

Или вы можете использовать метод связывания, чтобы сохранить this:

getRisks(): Observable<RiskListSummary[]> {
  return this.http.get(this.serviceUrl)
    .map(this.extractData.bind(this))
    .catch(this.handleError.bind(this));
}

однако вы потеряете проверку типов.

Я хотел бы использовать функции стрелок, чтобы иметь возможность использовать лексическое это:

getRisks(): Observable<RiskListSummary[]> {
  return this.http.get(this.serviceUrl)
    .map(res => this.extractData(res))
    .catch(err => this.handleError(err));
}

Без this переменная this будет указывать на функцию, в которой выполняется вызов, а не на экземпляр, содержащий getRisks().

Ответ 2

У меня была та же проблема, однако, как бы я ни менял, как это было сказано выше, она все еще не работает. Пока мой колледж не нашел эту карту, поймайте определение, как подсказал VSC

поэтому правильное изменение должно быть таким (добавить тип приведите в следующем месте)

getRisks(): Observable<RiskListSummary[]> {
  return this.http.get(this.serviceUrl)
    .map<RiskListSummary[]>(this.extractData)
    .catch<RiskListSummary[]>(this.handleError);
}

Я новичок в TypeScript. так что этот вид [подписи метода] действительно дает мне молоток по голове :(

Но в итоге все получилось :)

Ответ 3

В соответствии с getRisks() fn вы возвращаете типы Observable<RiskListSummary[]>. Однако в вашем коде вы возвращаете body.data || {}. Я считаю, что вам нужно связать свой RiskListSummary [] с вашим body.data.

Ответ 4

Я обнаружил следующее: AccessTokens отсутствовал. Итак, я внес изменение, и оно сработало: на вашей модели (в моем случае Country) отредактируйте файл de и измените его с:

export interface CountryInterface {
  "id"?: any;
  "name": string;
  "order"?: number;  
}

export class Country implements CountryInterface {
  "id": any;
  "name": string;
  "order": number;
   ....
}

Для того, чтобы:

export interface CountryInterface {
  "id"?: any;
  "name": string;
  "order"?: number;
  accessTokens: any[];
}

export class Country implements CountryInterface {
  "id": any;
  "name": string;
  "order": number;
  accessTokens: any[];
  ...
}

Ответ 5

Typescript - это инструмент компилятора, который всегда будет давать ошибку компиляции типа, так как здесь метод getRisk должен указывать, что он возвращается. Наблюдаемый тип RiskListSummary, так что инструмент должен распознавать, что ожидается из этого метода и проверит безопасность типа при использовании в методе подписки.