angular---rxjs

最新推荐文章于 2024-10-18 10:16:35 发布

原创最新推荐文章于 2024-10-18 10:16:35 发布 · 218 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#angular

angular学习之旅专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Angular项目中使用RxJS库进行数据处理。通过具体的代码示例，展示了如何创建Observable对象，并利用filter和map等操作符对数据进行过滤和转换。最后通过subscribe订阅处理后的数据并打印结果。

在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 //大理石图