Блог

У меня есть приложение angular, и в одном из компонентов я получаю уведомления пользователя (электронные письма) через сервис. служба возвращает массив объектов, и в каждом объекте содержится информация об электронном письме, такая как тема, идентификатор пользователя отправителя и т.д. структура массива объекта электронной почты выглядит следующим образом:

 [{
  UserId:"...",

  Notification:{
     Subject:null,
     Body:"<div>...</div>",
     .
     .
     .
  },
  .
  .
  .
},
.
.
.]
  

некоторые электронные письма не имеют темы, а значение Subject свойства находится null в объекте. Я хочу установить значение для электронных писем с Subject:null помощью .

 this.notifService.getAllNotificationsForCurrentUser(userId)
.pipe(
    map(emails => {
       emails.map(email=>{
         if(email.Notification.Subject === null){
            email.Notification.Subject = "(No Subject)";
         }
       })
    }
)
.subscribe(
    result=> this.messages = result
);
  

Я использовал map operator, и он не работает. и в нем есть некоторые ошибки:

 Cannot read property 'Notification' of undefined
  

как я могу это исправить?

Используйте оператор сопоставления rxjs с Array.prototype.map().

1. Первый map позволяет изменять массив электронных писем, как если бы они текли по потоку. Он отображает элементы потока, каждый элемент представляет собой массив электронных писем.

2. Второй map изменяет массив электронных писем, чтобы установить пустые subject поля no subject . Он отображает массив электронных писем, каждый элемент является электронной почтой.

 import { map } from 'rxjs/operators';

this.notifService.getAllNotificationsForCurrentUser(userId).pipe(
    map(emails => {
        return emails.map(email => ({
            ...email,
            Notification: {
                ...Notification,
                Subject: email.subject ? email.subject : 'no subject'
            }
        }));
    })
).subscribe(
    result=> this.messages = result
);
  

Если это только для целей отображения, вы должны просто сделать

 {{email.Notification.Subject || '(No Subject)'}}
  

Если нет, перейдите к отображению массива.