在 Angular 模板中使用 async pipe 时，它如何自动处理 Observable 的订阅与取消？为什么推荐使用它？
围绕“在 Angular 模板中使用 async pipe 时，它如何自动处理 Observable 的订阅与取消？为什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 async pipe 内部自动调用 subscribe 并在组件销毁时取消。
核心关键词Angular async pipe 订阅自动管理
面试知识索引 · 分类、标签与搜索
组件与依赖注入专题面试题，27 道完整答案
组件与依赖注入专题面试题第 1 页，显示第 1–27 题，共找到 27 道完整解析，可继续按分类、标签与关键词缩小范围。
27筛选结果
52技术分类
178检索标签
1索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
全部标签组件与依赖注入27并发编程448缓存355性能优化340安全336异步编程292类型系统215构建工具211容器化184流处理177表单157SQL148HTTP141路由140离线应用121
查看其余 163 个标签
网络协议111测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
在 Angular 中，ChangeDetectionStrategy.OnPush 与 Default 有何根本区别？何时应选择 OnPush 策略？
围绕“在 Angular 中，ChangeDetectionStrategy.OnPush 与 Default 有何根本区”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须指出 OnPush 仅在输入属性变化或事件触发时检查。
核心关键词Angular 变更检测策略 OnPush 与 Default 区别 性能优化 - 0003
在 Angular 组件中，模板如何通过属性绑定和事件绑定与组件类交互？请说明其数据流方向与生命周期时机。
本文说明 Angular 模板中属性绑定和事件绑定的语法、数据流方向及生命周期触发时机，澄清单向性原则，并通过具体场景分析执行顺序与常见陷阱。
核心关键词Angular 属性绑定 事件绑定 模板与组件交互 数据流 - 0004
Angular 组件的视图封装模式有哪几种？它们如何影响样式的作用域传播？
围绕“Angular 组件的视图封装模式有哪几种？它们如何影响样式的作用域传播”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Emulated、ShadowDom、None 三者的实际样式隔离行为。
核心关键词Angular 视图封装 样式作用域 封装模式 - 0005
在 Angular 模板中，使用 *ngIf 与 [hidden] 两种方式实现条件渲染，它们在性能和 DOM 行为上有何不同？
围绕“在 Angular 模板中，使用 *ngIf 与 [hidden] 两种方式实现条件渲染，它们在性能和 DOM 行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 *ngIf 移除/插入节点，[hidden] 仅改变 display 样式。
核心关键词*ngIf 与 [hidden] 条件渲染性能差异 - 0006
编写一个自定义管道时，transform 方法的参数类型和返回值必须满足什么要求？它如何参与变更检测？
围绕“编写一个自定义管道时，transform 方法的参数类型和返回值必须满足什么要求？它如何参与变更检测”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 transform 接收输入值数组，返回新值，且其调用受变更检测触发。
核心关键词Angular 自定义管道 transform 方法 参数类型 返回值 变更检测 - 0007
在 Angular 中，服务作为依赖注入提供者时，作用域是如何决定其实例共享范围的？不同层级的 providers 有何影响？
本文解释Angular服务作为DI提供者时，providers定义层级（根、组件、子组件）如何影响实例共享范围。涵盖注入器树机制、组件级providers的遮蔽行为，并通过具体场景说明如何控制服务状态隔离与共享，指出常见误区及边界条件。
核心关键词Angular 依赖注入 服务提供者 作用域 实例共享范围 - 0008
当一个组件被销毁时，其依赖注入的服务实例是否一定随之销毁？这取决于什么条件？
围绕“当一个组件被销毁时，其依赖注入的服务实例是否一定随之销毁？这取决于什么条件”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明服务实例随提供者作用域决定，根服务不会因组件销毁而消失。
核心关键词组件销毁 服务实例是否随之销毁 - 0009
结构型指令与属性型指令在实现上有什么本质区别？分别适用于哪些典型场景？
围绕“结构型指令与属性型指令在实现上有什么本质区别？分别适用于哪些典型场景”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须区分 *ngIf 与 [style.color] 的底层实现机制。
核心关键词Angular 结构型指令 属性型指令 实现差异 场景应用 - 0010
如何在运行时动态加载一个组件？这需要哪些必要条件，以及如何传递数据给该组件？
围绕“如何在运行时动态加载一个组件？这需要哪些必要条件，以及如何传递数据给该组件”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明需要 ViewContainerRef 与 ComponentFactoryResolver 两者配合。
核心关键词Angular 动态组件加载 ComponentFactoryResolver ViewContainerRef - 0011
如何在模型驱动表单中动态添加或删除表单控件？这需要修改哪些数据结构？
围绕“如何在模型驱动表单中动态添加或删除表单控件？这需要修改哪些数据结构”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明需通过 FormGroup 与 FormArray 拓展动态结构。
核心关键词模型驱动表单 动态添加删除控件 - 0012
如何在模板中根据组件状态动态绑定多个样式类？使用 [class.xxx] 与 [ngClass] 有何区别？
围绕“如何在模板中根据组件状态动态绑定多个样式类？使用 [class.xxx] 与 [ngClass] 有何区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 [ngClass] 支持对象、数组形式，[class.xxx] 仅支持布尔值。
核心关键词Angular 动态样式绑定 [class.xxx] [ngClass] 区别 - 0013
在 Angular 模板中，子组件触发的事件是否会在父组件中冒泡？如何阻止事件冒泡？
围绕“在 Angular 模板中，子组件触发的事件是否会在父组件中冒泡？如何阻止事件冒泡”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明事件默认在组件树中向上传播，可通过 $event.stopPropagation() 阻止。
核心关键词Angular 子组件事件冒泡 阻止方法 - 0014
模板驱动表单与模型驱动表单在数据绑定方式、验证控制和可测试性方面有哪些关键差异？
本题对比模板驱动表单与模型驱动表单在数据绑定（双向绑定 vs 显式响应式绑定）、验证（模板内置 vs 代码函数）和可测试性（异步集成 vs 同步单元）上的关键差异，并给出选择场景与边界。
核心关键词Angular 模板驱动表单 模型驱动表单 数据绑定 验证 控制 - 0015
当一个组件的 @Input() 属性接收了空值（如 null）时，它是否会被视为有效输入？如何判断是否已赋值？
围绕“当一个组件的 @Input() 属性接收了空值（如 null）时，它是否会被视为有效输入？如何判断是否已赋值”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明输入值为 null 仍被视为有效输入，需通过显式比较判断。
核心关键词Angular @Input() null 值 有效输入 判断方式 - 0016
父组件如何通过 @Input() 和 @Output() 与子组件通信？当子组件发出事件后，父组件如何处理？
本题解释 Angular 基于 @Input/@Output 的父子通信机制，阐明输入是单向传值且不可反向修改，输出事件由 EventEmitter 同步触发，并给出具体购物车场景及失效边界。
核心关键词Angular @Input @Output 通信 事件发射 事件处理 - 0017
在 Angular 中，使用 lazy loading 模块时，其依赖的服务是否会被独立实例化？如何确认？
围绕“在 Angular 中，使用 lazy loading 模块时，其依赖的服务是否会被独立实例化？如何确认”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明每个懒加载模块拥有自己的 DI 容器，服务实例独立。
核心关键词懒加载模块 服务实例独立性 - 0018
当一个组件被创建时，其生命周期钩子按什么顺序触发？若在构造函数中调用服务，可能引发什么问题？
围绕“当一个组件被创建时，其生命周期钩子按什么顺序触发？若在构造函数中调用服务，可能引发什么问题”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列出 ngOnInit 到 ngOnDestroy 的完整顺序。
核心关键词Angular 组件生命周期 钩子执行顺序 构造函数服务依赖 - 0019
当一个组件包含多个视图封装模式（如 Emulated 与 ShadowDom）时，样式冲突如何发生？如何避免？
围绕“当一个组件包含多个视图封装模式（如 Emulated 与 ShadowDom）时，样式冲突如何发生？如何避免”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明不同封装模式下的样式作用域不互通。
核心关键词Angular 多个视图封装 样式冲突 避免策略 - 0020
Angular 的 <ng-content> 与插槽机制如何实现内容投影？默认投影与具名投影的区别是什么？
围绕“Angular 的 <ng-content> 与插槽机制如何实现内容投影？默认投影与具名投影的区别是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要解释 slot 与 selector 投影匹配逻辑。
核心关键词Angular ng-content 内容投影 具名插槽 默认插槽 - 0021
在 Angular 表单或 HTTP 调用中，为何通常使用 Observable 而非 Promise？其核心优势体现在哪里？
围绕“在 Angular 表单或 HTTP 调用中，为何通常使用 Observable 而非 Promise？其核心优势体”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖回答需要围绕必须强调 Observable 支持多值推送与取消订阅能力。
核心关键词Angular Observable vs Promise 流式数据 多次通知 - 0022
Angular 路由配置中的 data 属性用于存放什么类型的信息？它与 resolve 服务提供的数据有何不同？
围绕“Angular 路由配置中的 data 属性用于存放什么类型的信息？它与 resolve 服务提供的数据有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 data 用于静态元数据，resolver 用于异步加载业务数据。
核心关键词Angular 路由 data 属性 数据存储 与 resolver 区别 - 0023
CanActivate 路由守卫如何决定用户是否可以进入某个路由？它返回的布尔值或 Observable 代表什么含义？
围绕“CanActivate 路由守卫如何决定用户是否可以进入某个路由？它返回的布尔值或 Observable 代表什么含”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明返回 true 表示允许进入，返回 false 表示阻止，返回 Observable 表示异步决策。
核心关键词Angular 路由守卫 CanActivate 布尔值 Observable 决策 - 0024
Angular Signals 中 computed 信号如何工作？它与 effect 信号的主要用途区别是什么？
围绕“Angular Signals 中 computed 信号如何工作？它与 effect 信号的主要用途区别是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 computed 用于派生值，effect 用于副作用。
核心关键词Angular Signals computed 与 effect 区别 - 0025
Angular Signals 与传统的变更检测机制相比，在响应式更新方面有何根本性差异？
围绕“Angular Signals 与传统的变更检测机制相比，在响应式更新方面有何根本性差异”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 Signals 通过原子信号追踪依赖并自动触发副作用。
核心关键词Angular Signals 变更检测 响应式更新 机制差异 - 0026
Angular 的 standalone 组件与传统模块化组件有何核心差异？它们如何引入依赖？
围绕“Angular 的 standalone 组件与传统模块化组件有何核心差异？它们如何引入依赖”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 standalone 组件无需声明于 NgModule，而是通过 imports 显式导入依赖。
核心关键词Angular standalone 组件 模块化组件 差异 依赖引入 - 0027
ViewChild 如何获取子组件或原生元素的引用？在什么情况下它可能返回 null？
围绕“ViewChild 如何获取子组件或原生元素的引用？在什么情况下它可能返回 null”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明查询发生在视图初始化之后，且需在 ngAfterViewInit 才可靠访问。
核心关键词Angular ViewChild 子组件引用 原生元素引用 返回 null