메소드에서 배열 <custom class>를 반환하십시오.

Question

좋아, 그래서 firebase를 호출하고 주어진 위치에있는 자식을 반환합니다.

description 및 id이 작동하며, 콘솔에 options을 기록하고 항목을 볼 수 있으므로 반환 된 값을 반복하고 사용자 정의 클래스를 채 웁니다. 내가 가진

문제가 존재하는 코드로 내 구성 요소에이 방법에서 값을 반환하려고하면 다음과 같다 : 리턴 라인에

getIntent(): Promise<Array<Dropdown>> { 

    const options: Dropdown[] = []; 
    var d = this.af.database.list('/option1').subscribe(items => { 
     items.forEach(item => { 
      options.push({ 
       id: item.$key, 
       description: item.$value 
      }) 
      return false; 
     }); 
    }); 

    return options; 

} 

는 현재 다음과 같은 오류로 밑줄 :

Type 'Dropdown[]' is not assignable to type 'Promise<Dropdown[]>'. Property '[Symbol.toStringTag]' is missing in type 'Dropdown[]'.

나는 시도했다 :

return options as Promise<Array<Dropdown>>; 

하지만 슬프게도 작동하지 않습니다. 누군가이 드롭 다운 옵션을 반환하기 위해이 함수를 사용하는 방법에 대해 알 수 있습니다.

(!) 참고 : 현재 angularfire2를 사용하여 너무

Answer 1

import 'rxjs/add/operator/map'; 

getIntent(): Observable<Dropdown[]> { 

    return this.af.database.list('/option1') 
    .map(items => items 
     .map(({$key, $value}) => ({ 
     id: $key, 
     description: $value 
     }) 
    ); 

} 

당신은 다음 몇 가지 구성 요소에서이 방법을 구독합니다.

귀하의 질문에 이라는 class을 사용하는 것이 좋습니다. 우리는이를 인스턴스화하지 않습니다. Dropdown이 실제로 class으로 선언 된 경우 instanceof 검사를 실수로 수행 할 수 없도록 interface으로 변경하는 것이 가장 좋습니다. `[TS] 유형 ' 관찰 가능한'는되지 않습니다 :

이

export interface Dropdown { 
    id: string; // maybe number? 
    description: string; 
}