Блог

У меня есть немного сложная наблюдаемая в Angular (благодаря использованию Akita, я не могу это изменить), это | ‘ed наблюдаемая либо для массива Dinosaur объектов, либодля одного Dinosaur объекта, либо для неопределенного:

 import { QueryEntity } from "@datorama/akita";

export class DinosaurQuery extends QueryEntity<DinosaurState, Dinosaur> {
  activeDinosaurs$ = this.selectActive(); // Type: Observable<Dinosaur[]> | Observable<Dinosaur | undefined>

  constructor(protected store: DinosaursStore) {
    super(store);
  }
}
  

То, что я хочу получить от этого в качестве наблюдаемого, — это либо один объект, либо первый объект в массиве, если это массив. Или не определено, если такового нет.

 export class DinosaurSelection {
    // I want singleSelectedDinosaur$ to be of type: Observable<Dinosaur | undefined>
    singleSelectedDinosaur$ = this.dinosaurQuery.activeDinosaurs$.pipe(???);

    constructor(protected dinosaurQuery: DinosaurQuery) {}

}
  

Я предполагаю, что должен быть какой-то канал, который делает это, но я не могу найти что-то подходящее, что может воздействовать на | объекта и массива этого объекта одновременно. (Или, может быть, это невозможно сделать с помощью канала, но по-другому, это тоже нормально.)

просто используйте «канал (карта)» для преобразования, если это массив

 singleSelectedDinosaur$ = this.dinosaurQuery.activeDinosaurs$.pipe(
    map((res:any)=>{
       if (res amp;amp; Array.isArray(res)) //if res and is array
          return res[0]   //return the first element
       return res;      //else resut res
    }
));