Discussion on: RxJS: Caching Observables with a Decorator

[Sysmat]

For me this doesn't work(@microphi/cache) it fetch only one id ok

[Davide Cavaliere]

If you share your code maybe I can help.

[Sysmat]

• service.ts:

@Cache({
    ttl: 250
  })
  getUserNetIdById(id: number): Observable<string> {
    return this.http.get<AaiUser>(`${userPath}/${id}`, getHttpJwtOptions()).pipe(map(u => u.netId));
  }

• pipe.ts:

@Pipe({
  name: 'getUserById'
})
export class GetUserByIdPipe implements PipeTransform {

  constructor(
    private readonly userService: UserService
  ) { }

  transform(id: number): Observable<string> {
    return this.userService.getUserNetIdById(id);
  }
}

• template.html

<tr *ngFor="let docSpec of docSpecs">
<td>
      <small>
            {{docSpec.user}}
            {{docSpec.user | getUserById | async}}
       </small>
</td>
</tr>

- wrong result in the template:

and for userId=1, 17 I get some result but should be different

- img :

Regards, Tomaž

[Sysmat]

hm I can't upload image

[Davide Cavaliere]

Maybe a silly question but if you remove the @Cache decorator, do you actually get what you expect?
Is there anyway you can share the project so that i can run it?

[Sysmat]

• yes of cource it is in production
• I implement simple in memory object as cache
• no it use a lot of services

[Davide Cavaliere]

If you can please open an issue here with the steps to reproduce the problem.