返回信号并在Angular中订阅它

信号方法:

尝试使用 effect 以触发数据刷新。

effect(() => {
    this.entriesService.getEntryBatch(this.searchService.mySearch().letter).subscribe();
});

然后使用getter访问组件中服务的信号。

get resultEntries$() {
    return this.entriesService.entryArray$;
}

然后,您可以将服务重写为。

entryArray$ = signal<Entry[]>([]);

getEntryBatch(lemma?: string): Observable<Entry[]> {
      return (lemma ? this.httpClient
        .get<Entry[]>(`${this.url}/entries/l/${lemma}`) : of([]))
        .pipe(tap((response) => {
          this.entryArray$.set(response);
        });
  }

可观察方法:

您可以使用 toObservable 将信号转换为可观测信号,可观测信号将对源信号的变化做出反应

entryArray$ = toObservable(this.searchService.mySearch()).pipe(
    switchMap((mySearch: any) => this.entriesService.getEntryBatch(mySearch.letter)),
);

在HTML中,我们可以使用异步管道(来自JSmith答案)

for( result of entryArray$ | async; track $index ) {
   ...
}

你可以做这样的事情。toSignal需要一个observable并订阅它,如果不在注入上下文中使用,这意味着在构造函数或顶层,您还需要传递注入器。

resultEntries$ = toSignal(this.httpClient
    .get<Entry[]>(`${this.url}/entries/l/${lemma}`)) 

对于你来说,你可以将toSignal中的内容移动到一个方法中,并执行类似的操作:

resultEntries$ = toSignal(getEntryBatch('lemma')) 

getEntryBatch():Observable<Entry[]>{
 // implementation of api call here, without subscribe, you should return observable.
}