angular---rxjs

郤玉书
2023-12-01

在angular中基础用法 


import {Observable} from 'rxjs'; //导入rxjs模块

import { map, filter, scan } from 'rxjs/operators';  //按需导入需要的操作符

of(1, 2, 3)   //创建一个可观察对象
  .pipe(  //通过pipe管道符来先处理数据
   filter((value)=>{
    if(value % 2 === 0){
    return true
    }
    }),  //可执行多个管道操作,用逗号分隔
   map((x) => x * x))  
  .subscribe((v) => console.log(`value: ${v}`));  //订阅通过管道符处理后的数据

// Logs:
// value: 1
// value: 4
// value: 9

参考文档:https://www.jianshu.com/p/16be96d69143  //简书网友总结

                 https://cn.rx.js.org/manual/usage.html  //中文文档

                 https://rxjs.dev/guide/operators   //官方文档

                 https://rxmarbles.com/#from    //大理石图

 类似资料: