介紹RxJS在Angular中的應用

import { Component } from "@angular/core"; import { Observable, Subscription } from "rxjs"; @Component({ selector: "app-home", template: ` ` }) export class HomeComponent { ngOnInit { const node = document.querySelector("input[type=text]"); // 第二個參數 input 是事件名，對於input元素有一個 oninput 事件用於接受用戶輸入 const input$ = Observable.fromEvent(node, "input"); input$.subscribe({ next: (event: any) => console.log(`You just typed ${event.target.value}!`), error: (err) => console.log(`Oops... ${err}`), complete: => console.log(`Complete!`) }); } }

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！