switchMap 不適用於可觀察到的字符串

Question

switchMap 不適用於可觀察到的字符串。 如果我在 function 中使用它然后調用 function，它不會工作

下面是代碼的 stackblitz 鏈接： https://stackblitz.com/edit/typescript-btkudb?file=index.ts

Answer 1

您似乎已經從 Event function 導入了fromEvent但選擇使用addEventListener() 。 我會說fromEvent更適合這里，因為您正在嘗試 pipe in RxJS 運營商參加活動。 你可以嘗試類似的東西

import { interval, fromEvent, of } from "rxjs";
import { map, tap, switchMap } from "rxjs/operators";

fromEvent(<HTMLElement>document.querySelector("#app"), "click")
  .pipe(
    tap(_ => console.log("clicked")),
    map(_ => of("test")),              // <-- serves no purpose?
    switchMap(() => interval(1000))
  )
  .subscribe(console.log);

我修改了你的Stackblitz 。

工作示例：

 var { interval, fromEvent, of } = rxjs; var { map, tap, switchMap } = rxjs.operators; fromEvent(document.querySelector("#app"), "click").pipe( tap(_ => console.log("clicked")), map(_ => of("test")), // <-- serves no purpose? switchMap(() => interval(1000)) ).subscribe(console.log);

 <script src="https://unpkg.com/rxjs@6.4.0/bundles/rxjs.umd.min.js"></script> <div id="app">abcd</div>

此外，雖然我很欣賞問題中的工作示例，但最好在問題中編寫代碼而不是僅鏈接到外部網站。 它確保問題的長壽。