在 Angular 模板中使用 async pipe 时，它如何自动处理 Observable 的订阅与取消？为什么推荐使用它？
在 Angular 模板中使用 async pipe 时，它如何自动处理 Observable 的订阅与取消？为什么推荐使用它？ 本文先给出可直接复述的结论，再用最小代码说明Angular async pipe 订阅自动管理的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular async pipe 订阅自动管理
面试知识索引 · 分类、标签与搜索
Angular面试题，58 道完整答案
Angular面试题第 1 页，显示第 1–50 题，共找到 58 道完整解析，可继续按分类、标签与关键词缩小范围。
58筛选结果
52技术分类
178检索标签
2索引分页
快速定位
清除全部筛选分类、标签与关键词搜索
技术分类52 个
全部分类5000Angular58AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138
查看全部 52 个分类
React Native135操作系统135数据库134Docker95计算机网络94API 设计90Kubernetes90HTML89Redis89全栈开发88分布式系统88系统设计86HTTP85Next.js60Linux53Nuxt51PostgreSQL46可观测性46设计模式46小程序45身份与权限45无障碍44MongoDB43PWA43Web 安全43Git42前端测试42前端性能41WebAssembly40测试40AI 工程37SvelteKit37Go35前端数据管理30React Router29AI 全栈28Svelte27算法12Java10数据结构5前端手写题3
第 1 页
本页面试问题
按稳定语义路径排序
- 0001
- 0002
在 Angular 中，ChangeDetectionStrategy.OnPush 与 Default 有何根本区别？何时应选择 OnPush 策略？
在 Angular 中，ChangeDetectionStrategy.OnPush 与 Default 有何根本区别？何时应选择 OnPush 策略？ 本文先给出可直接复述的结论，再用最小代码说明Angular 变更检测策略 OnPush 与 Default 区别 性能优化的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 变更检测策略 OnPush 与 Default 区别 性能优化 - 0003
在 Angular 组件中，模板如何通过属性绑定和事件绑定与组件类交互？请说明其数据流方向与生命周期时机。
本文说明 Angular 模板中属性绑定和事件绑定的语法、数据流方向及生命周期触发时机，澄清单向性原则，并通过具体场景分析执行顺序与常见陷阱。
核心关键词Angular 属性绑定 事件绑定 模板与组件交互 数据流 - 0004
Angular 组件的视图封装模式有哪几种？它们如何影响样式的作用域传播？
Angular 组件的视图封装模式有哪几种？它们如何影响样式的作用域传播？ 本文先给出可直接复述的结论，再用最小代码说明Angular 视图封装 样式作用域 封装模式的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 视图封装 样式作用域 封装模式 - 0005
在 Angular 模板中，使用 *ngIf 与 [hidden] 两种方式实现条件渲染，它们在性能和 DOM 行为上有何不同？
在 Angular 模板中，使用 *ngIf 与 [hidden] 两种方式实现条件渲染，它们在性能和 DOM 行为上有何不同？ 本文先给出可直接复述的结论，再用最小代码说明*ngIf 与 [hidden] 条件渲染性能差异的工作方式、判断依据、项目边界和常见误区。
核心关键词*ngIf 与 [hidden] 条件渲染性能差异 - 0006
编写一个自定义管道时，transform 方法的参数类型和返回值必须满足什么要求？它如何参与变更检测？
编写一个自定义管道时，transform 方法的参数类型和返回值必须满足什么要求？它如何参与变更检测？ 本文先给出可直接复述的结论，再用最小代码说明Angular 自定义管道 transform 方法 参数类型 返回值 变更检测的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 自定义管道 transform 方法 参数类型 返回值 变更检测 - 0007
在 Angular 中，服务作为依赖注入提供者时，作用域是如何决定其实例共享范围的？不同层级的 providers 有何影响？
在 Angular 中，服务作为依赖注入提供者时，作用域是如何决定其实例共享范围的？不同层级的 providers 有何影响？ 本文先给出可直接复述的结论，再用最小代码说明Angular 依赖注入 服务提供者 作用域 实例共享范围的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 依赖注入 服务提供者 作用域 实例共享范围 - 0008
当一个组件被销毁时，其依赖注入的服务实例是否一定随之销毁？这取决于什么条件？
当一个组件被销毁时，其依赖注入的服务实例是否一定随之销毁？这取决于什么条件？ 本文先给出可直接复述的结论，再用最小代码说明组件销毁 服务实例是否随之销毁的工作方式、判断依据、项目边界和常见误区。
核心关键词组件销毁 服务实例是否随之销毁 - 0009
结构型指令与属性型指令在实现上有什么本质区别？分别适用于哪些典型场景？
结构型指令与属性型指令在实现上有什么本质区别？分别适用于哪些典型场景？ 本文先给出可直接复述的结论，再用最小代码说明Angular 结构型指令 属性型指令 实现差异 场景应用的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 结构型指令 属性型指令 实现差异 场景应用 - 0010
如何在运行时动态加载一个组件？这需要哪些必要条件，以及如何传递数据给该组件？
如何在运行时动态加载一个组件？这需要哪些必要条件，以及如何传递数据给该组件？ 本文先给出可直接复述的结论，再用最小代码说明Angular 动态组件加载 ComponentFactoryResolver ViewContainerRef的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 动态组件加载 ComponentFactoryResolver ViewContainerRef - 0011
如何在模型驱动表单中动态添加或删除表单控件？这需要修改哪些数据结构？
如何在模型驱动表单中动态添加或删除表单控件？这需要修改哪些数据结构？ 本文先给出可直接复述的结论，再用最小代码说明模型驱动表单 动态添加删除控件的工作方式、判断依据、项目边界和常见误区。
核心关键词模型驱动表单 动态添加删除控件 - 0012
如何在模板中根据组件状态动态绑定多个样式类？使用 [class.xxx] 与 [ngClass] 有何区别？
如何在模板中根据组件状态动态绑定多个样式类？使用 [class.xxx] 与 [ngClass] 有何区别？ 本文先给出可直接复述的结论，再用最小代码说明Angular 动态样式绑定 [class.xxx] [ngClass] 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 动态样式绑定 [class.xxx] [ngClass] 区别 - 0013
在 Angular 模板中，子组件触发的事件是否会在父组件中冒泡？如何阻止事件冒泡？
在 Angular 模板中，子组件触发的事件是否会在父组件中冒泡？如何阻止事件冒泡？ 本文先给出可直接复述的结论，再用最小代码说明Angular 子组件事件冒泡 阻止方法的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 子组件事件冒泡 阻止方法 - 0014
模板驱动表单与模型驱动表单在数据绑定方式、验证控制和可测试性方面有哪些关键差异？
本题对比模板驱动表单与模型驱动表单在数据绑定（双向绑定 vs 显式响应式绑定）、验证（模板内置 vs 代码函数）和可测试性（异步集成 vs 同步单元）上的关键差异，并给出选择场景与边界。
核心关键词Angular 模板驱动表单 模型驱动表单 数据绑定 验证 控制 - 0015
当一个组件的 @Input() 属性接收了空值（如 null）时，它是否会被视为有效输入？如何判断是否已赋值？
当一个组件的 @Input() 属性接收了空值（如 null）时，它是否会被视为有效输入？如何判断是否已赋值？ 本文先给出可直接复述的结论，再用最小代码说明Angular @Input() null 值 有效输入 判断方式的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular @Input() null 值 有效输入 判断方式 - 0016
父组件如何通过 @Input() 和 @Output() 与子组件通信？当子组件发出事件后，父组件如何处理？
父组件如何通过 @Input() 和 @Output() 与子组件通信？当子组件发出事件后，父组件如何处理？ 本文先给出可直接复述的结论，再用最小代码说明Angular @Input @Output 通信 事件发射 事件处理的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular @Input @Output 通信 事件发射 事件处理 - 0017
在 Angular 中，使用 lazy loading 模块时，其依赖的服务是否会被独立实例化？如何确认？
在 Angular 中，使用 lazy loading 模块时，其依赖的服务是否会被独立实例化？如何确认？ 本文先给出可直接复述的结论，再用最小代码说明懒加载模块 服务实例独立性的工作方式、判断依据、项目边界和常见误区。
核心关键词懒加载模块 服务实例独立性 - 0018
当一个组件被创建时，其生命周期钩子按什么顺序触发？若在构造函数中调用服务，可能引发什么问题？
当一个组件被创建时，其生命周期钩子按什么顺序触发？若在构造函数中调用服务，可能引发什么问题？ 本文先给出可直接复述的结论，再用最小代码说明Angular 组件生命周期 钩子执行顺序 构造函数服务依赖的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 组件生命周期 钩子执行顺序 构造函数服务依赖 - 0019
当一个组件包含多个视图封装模式（如 Emulated 与 ShadowDom）时，样式冲突如何发生？如何避免？
当一个组件包含多个视图封装模式（如 Emulated 与 ShadowDom）时，样式冲突如何发生？如何避免？ 本文先给出可直接复述的结论，再用最小代码说明Angular 多个视图封装 样式冲突 避免策略的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 多个视图封装 样式冲突 避免策略 - 0020
Angular 的 <ng-content> 与插槽机制如何实现内容投影？默认投影与具名投影的区别是什么？
Angular 的 <ng-content> 与插槽机制如何实现内容投影？默认投影与具名投影的区别是什么？ 本文先给出可直接复述的结论，再用最小代码说明Angular ng-content 内容投影 具名插槽 默认插槽的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular ng-content 内容投影 具名插槽 默认插槽 - 0021
在 Angular 表单或 HTTP 调用中，为何通常使用 Observable 而非 Promise？其核心优势体现在哪里？
在 Angular 表单或 HTTP 调用中，为何通常使用 Observable 而非 Promise？其核心优势体现在哪里？ 本文先给出可直接复述的结论，再用最小代码说明Angular Observable vs Promise 流式数据 多次通知的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Observable vs Promise 流式数据 多次通知 - 0022
Angular 路由配置中的 data 属性用于存放什么类型的信息？它与 resolve 服务提供的数据有何不同？
Angular 路由配置中的 data 属性用于存放什么类型的信息？它与 resolve 服务提供的数据有何不同？ 本文先给出可直接复述的结论，再用最小代码说明Angular 路由 data 属性 数据存储 与 resolver 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 路由 data 属性 数据存储 与 resolver 区别 - 0023
CanActivate 路由守卫如何决定用户是否可以进入某个路由？它返回的布尔值或 Observable 代表什么含义？
CanActivate 路由守卫如何决定用户是否可以进入某个路由？它返回的布尔值或 Observable 代表什么含义？ 本文先给出可直接复述的结论，再用最小代码说明Angular 路由守卫 CanActivate 布尔值 Observable 决策的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular 路由守卫 CanActivate 布尔值 Observable 决策 - 0024
Angular Signals 中 computed 信号如何工作？它与 effect 信号的主要用途区别是什么？
Angular Signals 中 computed 信号如何工作？它与 effect 信号的主要用途区别是什么？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals computed 与 effect 区别的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals computed 与 effect 区别 - 0025
Angular Signals 与传统的变更检测机制相比，在响应式更新方面有何根本性差异？
Angular Signals 与传统的变更检测机制相比，在响应式更新方面有何根本性差异？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals 变更检测 响应式更新 机制差异的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals 变更检测 响应式更新 机制差异 - 0026
Angular 的 standalone 组件与传统模块化组件有何核心差异？它们如何引入依赖？
Angular 的 standalone 组件与传统模块化组件有何核心差异？它们如何引入依赖？ 本文先给出可直接复述的结论，再用最小代码说明Angular standalone 组件 模块化组件 差异 依赖引入的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular standalone 组件 模块化组件 差异 依赖引入 - 0027
ViewChild 如何获取子组件或原生元素的引用？在什么情况下它可能返回 null？
ViewChild 如何获取子组件或原生元素的引用？在什么情况下它可能返回 null？ 本文先给出可直接复述的结论，再用最小代码说明Angular ViewChild 子组件引用 原生元素引用 返回 null的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular ViewChild 子组件引用 原生元素引用 返回 null - 0028
在使用 Signals 时，组件的变更检测策略如何与 signals 响应性协同工作？
在使用 Signals 时，组件的变更检测策略如何与 signals 响应性协同工作？ 本文先给出可直接复述的结论，再用最小代码说明Signals 变更检测策略 响应性 协同的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals 变更检测策略 响应性 协同 - 0029
computed 里能否包含异步逻辑？如果不能，应如何设计以支持异步数据的响应式计算？
computed 里能否包含异步逻辑？如果不能，应如何设计以支持异步数据的响应式计算？ 本文先给出可直接复述的结论，再用最小代码说明Signals computed 异步逻辑 限制 设计替代方案的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals computed 异步逻辑 限制 设计替代方案 - 0030
Signals 里的 computed 出现循环依赖时会怎样？如何通过设计规避此类问题？
Signals 里的 computed 出现循环依赖时会怎样？如何通过设计规避此类问题？ 本文先给出可直接复述的结论，再用最小代码说明Signals computed 循环依赖 检测机制 设计规避的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals computed 循环依赖 检测机制 设计规避 - 0031
computed 为何能实现缓存？其缓存策略是否受外部状态影响？
computed 为何能实现缓存？其缓存策略是否受外部状态影响？ 本文先给出可直接复述的结论，再用最小代码说明Signals computed 缓存机制 依赖变化 跨信号影响的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals computed 缓存机制 依赖变化 跨信号影响 - 0032
computed 里修改可变对象（如数组或对象）是否会影响依赖追踪？
computed 里修改可变对象（如数组或对象）是否会影响依赖追踪？ 本文先给出可直接复述的结论，再用最小代码说明Signals computed 可变对象 修改 依赖追踪 影响的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals computed 可变对象 修改 依赖追踪 影响 - 0033
computed 里嵌套使用其他 computed 时，依赖图如何构建？是否会产生冗余计算？
computed 里嵌套使用其他 computed 时，依赖图如何构建？是否会产生冗余计算？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals computed 嵌套 依赖图 构建 冗余计算的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals computed 嵌套 依赖图 构建 冗余计算 - 0034
computed 里对可能为空的信号进行操作时，如何避免运行时错误？
computed 里对可能为空的信号进行操作时，如何避免运行时错误？ 本文先给出可直接复述的结论，再用最小代码说明Signals computed 空值处理 防空检查 逻辑安全的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals computed 空值处理 防空检查 逻辑安全 - 0035
computed 依赖的结构变化（如数组长度改变）是否一定会触发重新计算？
computed 依赖的结构变化（如数组长度改变）是否一定会触发重新计算？ 本文先给出可直接复述的结论，再用最小代码说明Signals computed 结构变化 数组长度 变化 触发重新计算的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals computed 结构变化 数组长度 变化 触发重新计算 - 0036
Angular Signals 里的 computed 与 JavaScript memoized 函数有何本质区别？
Angular Signals 里的 computed 与 JavaScript memoized 函数有何本质区别？ 本文先给出可直接复述的结论，再用最小代码说明Signals computed vs JavaScript memo 函数 依赖追踪 差异的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals computed vs JavaScript memo 函数 依赖追踪 差异 - 0037
effect 里等待异步操作完成后再执行后续逻辑，应如何实现？
effect 里等待异步操作完成后再执行后续逻辑，应如何实现？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals effect 异步完成 后续逻辑 顺序执行的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals effect 异步完成 后续逻辑 顺序执行 - 0038
effect 为何应避免用于简单状态更新？有何替代方案？
effect 为何应避免用于简单状态更新？有何替代方案？ 本文先给出可直接复述的结论，再用最小代码说明Signals effect 简单状态更新 替代方案的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals effect 简单状态更新 替代方案 - 0039
effect 里需要防抖时，应如何实现？是否可以用 setTimeout 代替？
effect 里需要防抖时，应如何实现？是否可以用 setTimeout 代替？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals effect 防抖 实现方式 setTimeout 替代的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals effect 防抖 实现方式 setTimeout 替代 - 0040
effect 在组件销毁后是否仍会执行？如何防止？
effect 在组件销毁后是否仍会执行？如何防止？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals effect 组件销毁后执行 防止机制的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals effect 组件销毁后执行 防止机制 - 0041
effect 中引用了外部变量但未显式依赖信号，是否会触发变更检测？
effect 中引用了外部变量但未显式依赖信号，是否会触发变更检测？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals effect 隐式依赖 未声明依赖 变更检测触发的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals effect 隐式依赖 未声明依赖 变更检测触发 - 0042
effect 内部能否访问注入器？若能，如何确保其生命周期与依赖注入上下文一致？
effect 内部能否访问注入器？若能，如何确保其生命周期与依赖注入上下文一致？ 本文先给出可直接复述的结论，再用最小代码说明Signals effect 注入器 生命周期 上下文一致性的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals effect 注入器 生命周期 上下文一致性 - 0043
effect 里记录日志时，如何避免因频繁触发导致性能下降？
effect 里记录日志时，如何避免因频繁触发导致性能下降？ 本文先给出可直接复述的结论，再用最小代码说明Signals effect 日志 频繁触发 性能优化的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals effect 日志 频繁触发 性能优化 - 0044
effect 如何与 RxJS Observable 集成？如何避免多次订阅？
effect 如何与 RxJS Observable 集成？如何避免多次订阅？ 本文先给出可直接复述的结论，再用最小代码说明Signals effect RxJS Observable 集成 多次订阅 避免的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals effect RxJS Observable 集成 多次订阅 避免 - 0045
effect 在响应式数据流中为何不能用于返回值？其副作用如何影响变更检测流程？
effect 在响应式数据流中为何不能用于返回值？其副作用如何影响变更检测流程？ 本文先给出可直接复述的结论，再用最小代码说明Signals effect 副作用 变更检测 流程的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals effect 副作用 变更检测 流程 - 0046
effect 是否总是同步执行？在什么情况下会延迟执行？
effect 是否总是同步执行？在什么情况下会延迟执行？ 本文先给出可直接复述的结论，再用最小代码说明Signals effect 同步执行 延迟执行 场景的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals effect 同步执行 延迟执行 场景 - 0047
resource 用于加载异步数据时，如何处理请求失败或网络中断？
resource 用于加载异步数据时，如何处理请求失败或网络中断？ 本文先给出可直接复述的结论，再用最小代码说明Signals resource 异步数据 失败处理 网络中断的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals resource 异步数据 失败处理 网络中断 - 0048
resource 缓存的数据在什么条件下会被清除？是否支持手动清除？
resource 缓存的数据在什么条件下会被清除？是否支持手动清除？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals resource 缓存 清除策略 手动清除的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals resource 缓存 清除策略 手动清除 - 0049
resource 何时应按条件加载？如何确保条件改变时触发新请求？
resource 何时应按条件加载？如何确保条件改变时触发新请求？ 本文先给出可直接复述的结论，再用最小代码说明Angular Signals resource 条件加载 依赖变化 新请求 触发的工作方式、判断依据、项目边界和常见误区。
核心关键词Angular Signals resource 条件加载 依赖变化 新请求 触发 - 0050
resource 如何实现延迟加载？是否支持懒加载？
resource 如何实现延迟加载？是否支持懒加载？ 本文先给出可直接复述的结论，再用最小代码说明Signals resource 延迟加载 懒加载 实现方式的工作方式、判断依据、项目边界和常见误区。
核心关键词Signals resource 延迟加载 懒加载 实现方式