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

[loveuer]

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

{
  "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

[loveuer]

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

[wunonglin]

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

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

[Kimen]

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

[loveuer]

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

[wunonglin]

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

[loveuer]

@wunonglin 非常感谢大佬😁

[wunonglin]

@loveuer #9

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

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

发送数据也是如此

[wunonglin]

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

[kev1nzh]

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

[elone]

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