Angular项目中通过HttpInterceptor拦截器统一处理HTTP请求与响应。实现时需创建服务实现拦截接口，在请求前添加Authorization令牌，响应端使用tap处理成功或错误。最后在根模块的providers中配置HTTP_INTERCEPTORS并设置multi为true，即可全局生效。

简介 Jasmine spy 是一种用于跟踪或存根函数或方法的技术手段。简单来说，它允许你检查某个函数是否被调用，或者提供一个自定义返回值来替代实际执行。在 Angular 单元测试中，这尤为实用：当你的组件依赖某个服务时，通过 spy 可以避免真实调用服务方法获取数据。这样一来，单元测试就能专注于

简介 单一职责原则，说白了就是应用程序的每个部分都只干一件事，别越界。把这个原则用好了，Angular 代码不仅更容易测试，开发和维护也会顺手很多。 在 Angular 中，与其死磕地去写一个“什么都管”的特定组件，不如借助 NgTemplateOutlet 来让组件变得灵活。这样一来，我们不用改动

简介 说到 Angular 里的表单处理，其实有两条路可以走：模板驱动表单和响应式表单（也叫模型驱动表单）。模板驱动表单是 Angular 默认的方式，它的逻辑主要在模板里，通过指令来构建表单的内部表示。而响应式表单呢，则让你在组件类里自己构建和管理表单模型，逻辑更集中，也更灵活。 Angular

一、安装 Angular CLI 脚手架安装命令非常简单，一行代码搞定： npm install -g @angular cli 不过动手之前得先确认一件事：Node js 环境版本必须是 V18 及以上。如果版本不对，项目根本跑不起来，这是很多新手容易踩的坑。 脚手架装完后，命令行会直接提示当前

在Angular项目开发中，防抖（Debounce）与节流（Throttle）是绕不开的高频性能优化话题，尤其当涉及用户输入、滚动事件、窗口resize等场景时，若缺乏合理优化，页面性能极易被拖垮。本文聚焦Angular中实现防抖与节流的两种主流路径：一类基于RxJS操作符，另一类借助Angular

简介 在 Angular 2+ 开发中，如果需要渲染一段包含 HTML 标记的字符串，最直接且高效的方式就是使用 [innerHTML] 属性绑定。如果采用插值表达式（双花括号），内容会被视为纯文本，标签与 HTML 实体均不会被解析。 本文将详细讲解 [innerHTML] 的具体使用方法，并梳理

简介 聊个小问题：在 Angular 开发中，你有没有遇到过那种“不得不用一个多余元素来包装一下”的尴尬场景？比如为了同时用上 *ngIf 和 *ngFor，硬生生套了一层无意义的 div，生成的 DOM 里全是冗余标签？ 实际上，Angular 2+ 中提供了一个相当轻巧的解决方案 —— ng-c