如何使用 map() 运算符向 Observable 列值添加前缀？

Question

我有一个从服务方法返回的 Observable 值，我想添加一个前缀，例如“Prof”作为使用运算符的前缀map()。

我返回 Observable 的方法是：

list(): Observable<EmployeesDto> { 

    items: Employees;

    ...

}

这是我尝试映射数据并分配它的方法：

...

employeeList : EmployeesDto;

this.service.list()

.pipe(

  map((list: EmployeesDto) => {

    list.items.forEach(m => {

      m.Name = 'Dr.' + m.Name

    });

    this.employeeList = list; // the code does not hit there and cannot set data

  })

)

但问题是我无法设置employeeList。那么，这个实现有什么问题呢？

Answer 1

你可以尝试这个：this.service  .list()  .pipe(    map((list: EmployeesDto) => list.map(item => ({...item, Name: `Dr. ${item.Name}`})))  )  .subscribe(list => this.employeeList = list);