如何使用 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);