Angular 学起来真是太难了， 国内资料少， 用 G 搜呢，总感觉表达不准确，搜不到好的结果

[drealism]

请教一下大佬们， 我现在有一个情况是这样的，后端我统一 返回格式是:

{
  "status": 200,
  "msg: "xxx success",
  "data": any
}

我想通过 拦截器 或者在 service 里面将 status 判断好了, 给 component 的数据就 仅是上面的 data, 出错就给个 默认值 这样的效果，但我实在不知道怎么实现了， 还请大家指点一二。

[EPr2hh6LADQWqRVH]

你这功能和框架没一毛钱关系啊，把框架都忘了，自己再想想。

[NCry]

拦截器那边统一判断 status 的值，然后把返回结果过滤一下不就行了，这确实和 angular 无关

[Oktfolio]

https://angular.io/api/common/http
https://angular.io/guide/observables

[drealism]

@avastms emmmm，直接用 subscribe 读出来，是可以，但是后续怎么搞呢，自己用 promise 包它么？我主要还是后端，平时没那么深入前端，所以说学下全套解决方案 angular，见笑了见笑了😢😢😢

[shakaraka]

https://angular.io/guide/http#intercepting-requests-and-responses

这个章节不是教你怎么使用拦截器了么。。。

[Kimen]

像 axios 就有拦截器啊，这跟是不是 Angular 没关系吧

[drealism]

@wunonglin 额，谢谢大佬回复，这个文档我看了，或许因为我不够仔细没看到，return next （ req ）是一个 rxjs 的 obv，这里面怎么操作数据啊。请不要笑我菜😰😰😰

[shakaraka]

@loveuer #7 建议不要在拦截器做返回数据操作。在 service 做就好，具体原因你深入就知道了。一会我写个 demo 你就知道了

[drealism]

@wunonglin 非常感谢大佬😁

[shakaraka]

@loveuer #9

https://stackblitz.com/edit/angular-ivy-6xpbns?file=src%2Fapp%2Fapp.component.html

对于外部进来的数据，都在 service 层处理好，component 负责调用 service 的方法。

发送数据也是如此

[shakaraka]

@loveuer #9 当然你也可以继承 HttpClient，二开它，就看你需不需要了

[kev1nzh]

我这边是 service 层单独处理的，网上的 ng 相关资料其实挺多的。。

[tongyuelong]

ng 只需要看官方和 stackoverflow 就可以了。资料还是很多的。

[find456789]

来学 vue 、react 吧

[littleshy]

说 Angular 也有关系，楼主应该是要说 Angular 的 Http 拦截器。
在 interceptor 里克隆一个 response，替换掉 body 就行了啊。

[skiy]

中文教程直接上 https://angular.cn 啊，也是官方的。说得清清楚楚。唉，我也快忘记了。

[cslive]

看下 ng-alain 这个项目，https://github.com/ng-alain/ng-alain/blob/master/src/app/core/net/default.interceptor.ts

[forbreak]

看看这个 https://angular.cn/guide/http#intercepting-requests-and-responses angular 中文文档做的很好了，遵循最佳实践，基本遇到的问题官网上都有写。 还要啥资料，没事多看看官方文档。

[meshell]

要不看下我刚不久写得： https://loocode.com/post/10198 哈哈

[nzbin]

可以参考 ng-matero 的多重拦截器配置，https://github.com/ng-matero/ng-matero/tree/master/src/app/core/interceptors

[plk403]

一般 axios 封装里好像都有 你可以看下..

[zhuangzhuang1988]

最好不要用拦截器 太坑了.

[NoDocCat]

你要看的是 rxjs, 而不是 Angular. 实际上就是加个 map 操作符的事

[rrfeng]

本质上是英语不好。
Angular 的中文文档太少了。
另外要学 ts + rxjs 可能新手没意识到这俩知识点。

rxjs 是真好用。

[xiaopang132]

如果是学习过程，建议直接找官方文档，然后翻译，遇到不太懂的就看英文原文。

[jguo]

angular 是最好学的，官方文档什么都讲了

[xingguang]

建议不要这样玩，我曾经深受其害，大致业务简化下就是想通过后端返回一个特殊的 code 码，然后返回做不同操作之类的东西，可惜我们的请求曾给拦截了，我们拿不到，恶心了我好久，最后在请求曾做了这个特殊判断，十分不优雅

[xingguang]

@xingguang #27，我建议调用的时候把 code 和 data 都返回。

[wszgrcy]

有问题可以圈我,不过只会讲技术级别(至于你要实现的功能是否蛋疼不管的....)

[zarvin]

用 vue

[nzbin]

@xingguang 可以用白名单处理，也可以用更高级的抽象，一般来说拦截的数据够用了

[shilianmlxg]

@rrfeng 请问大佬 求 rxjs 上手教程。比如想在 react 里用 rxjs 之类的 /。

[gaigechunfeng]

那为什么要学呢？

[lolizeppelin]

我真心觉得,水平不行的人用 angluar 才是最好的选择,就是入门麻烦一点点.

对比之前写的 react 代码,发现我自己这种水平完全把控不住代码写着写着就瞎几把写了
反观 angluar..真是清清楚楚.就是啰啰嗦嗦不漂亮