Как получить доступ к отдельным наблюдаемым элементам?

Question

У меня есть функция:

getCategories(): Observable<any> 
     { 
     return this.category.find({where: {clientId: this.userApi.getCurrentId()}}) 
     }; 

где this.category.find возвращаемый тип Observable<T[]>.

Я называю getCategories() с:

const source = this.categoryService.getCategories(); 
const example = source.map(Categ=> Categ.id); 
const subscribe = example.subscribe(val => console.log(val)); 

и Categ.id является неопределенными

Если я бегу:

const source = this.categoryService.getCategories(); 
const subscribe = source.subscribe(val => console.log(val)); 

непосредственно, выход:

Я думаю, что у меня проблема типа, но не могу понять.

Любая идея?

Спасибо и наилучшие пожелания,

Answer 1

Проблема действительно с типами. Вы должны избегать использования «любого», когда это возможно, потому что тогда вы теряете преимущество проверки типа.

Из журнала видно, что source содержит массив, но ваш source.map(Categ=> Categ.id) рассматривает его как отдельные объекты.

Было бы лучше определить Categ интерфейс, например:

interface Categ { 
    id: string; 
    categoryName: string; 
    clientId: string; 
} 

Затем используйте его для метода обслуживания:

getCategories(): Observable<Categ[]> { 
    return this.category.find({where: {clientId: this.userApi.getCurrentId()}}) 
}; 

так позже компилятор может помочь вам определить проблему и исправить код :

const source = this.categoryService.getCategories(); 
const example = source.map(categ => categ.map(c => c.id)); 
const subscribe = example.subscribe(val => console.log(val)); 

Answer 2

Как массив категорий возвращаются в getCategories(), а не только одной категории, о чем свидетельствуют подписываться зайдет вашей консоль.

Вы могли бы попробовать что-то вроде:

const example = source.map((categories) => categories.map((category) => {return category.id})); 

Answer 3

Написал интерфейс что-то «слишком много»? Мой метод .find() поступает из SDK и возвращает Observable<T[]>. Кроме того, я нахожусь в службе, потому что я хотел бы получить данные из внутреннего сервера и вызвать эту службу из компонента. Я понятия не имею, имеет ли этот сервис использование только этого метода getCategories(). Чтобы упростить, у меня уже есть метод, который дает мне категории. Я только что создал новый, чтобы установить его в службе. Значит, слишком много создается интерфейс? Как вы думаете?