摘要：
在 Angular 中，[style] 属性绑定和 NgStyle 指令都用于动态设置元素样式，但它们在使用方式和功能上有明显区别： 1. [style] 属性绑定（推荐方式） <!-- 单个样式属性 --> <div [style.backgroundColor]="isActive ? 'gre 阅读全文
posted @ 2025-08-01 16:49
箫笛
阅读(61)
评论(0)
推荐(0)
摘要：
Angular 组件转为自定义元素的方法 Angular 通过 @angular/elements 包提供了将组件转换为 自定义元素（Custom Elements） 的能力（遵循 Web Components 标准）。以下是详细步骤： 1. 安装依赖 ng add @angular/element 阅读全文
posted @ 2025-07-25 18:43
箫笛
阅读(262)
评论(0)
推荐(0)
摘要：
在Angular中，视图查询（View Query） 和 内容查询（Content Query） 都是用于获取子元素或组件的机制，但它们的查询范围和应用场景有本质区别。以下是详细对比： 核心区别 特性 视图查询（@ViewChild / @ViewChildren） 内容查询（@ContentChi 阅读全文
posted @ 2025-07-25 16:23
箫笛
阅读(25)
评论(0)
推荐(0)
摘要：
在 Angular 中，afterRender 和 afterNextRender 都是用于在组件渲染后执行代码的渲染钩子（Render Hooks），但它们在触发时机和用途上有明显区别： 1. afterNextRender 触发时机：仅在下一次变更检测完成且 DOM 更新后执行一次。 应用场景： 阅读全文
posted @ 2025-07-25 14:55
箫笛
阅读(69)
评论(0)
推荐(0)
摘要：
Angular 的生命周期函数是组件和指令在创建、更新和销毁过程中自动调用的钩子方法，用于在关键阶段执行自定义逻辑。以下是核心生命周期函数及其应用场景（按调用顺序排列）： 1. ngOnChanges() 调用时机： 当输入属性（@Input 绑定）的值发生变化时调用（首次调用在 ngOnInit 阅读全文
posted @ 2025-07-25 14:32
箫笛
阅读(127)
评论(0)
推荐(0)
摘要：
在Angular中，宿主绑定（Host Binding） 和 实例绑定（Instance Binding） 是两种不同的数据绑定机制，主要区别在于作用对象和实现方式。以下是详细对比和应用场景分析： 1. 宿主绑定（Host Binding） 定义 通过 @HostBinding() 装饰器将 组件/ 阅读全文
posted @ 2025-07-25 10:54
箫笛
阅读(31)
评论(0)
推荐(0)
摘要：
在 Angular 中，@Input 的 getter 和 setter 用于创建带有自定义逻辑的输入属性，它们允许你在属性值被读取或修改时执行特定操作。以下是详细说明： 核心作用 拦截输入值的变化：当父组件传递的数据发生变化时触发自定义逻辑 添加业务逻辑：在值被设置或读取时执行额外操作 数据验证/ 阅读全文
posted @ 2025-07-23 23:19
箫笛
阅读(20)
评论(0)
推荐(0)
摘要：
Angular 组件的视图封装模式主要有三种，它们决定了组件样式的作用域规则和如何影响 DOM： ViewEncapsulation.Emulated (模拟 - 默认值) 工作原理： Angular 会为组件的宿主元素添加一个唯一的属性（如 _nghost-abc123），并为组件模板内的每个元素 阅读全文
posted @ 2025-07-23 16:03
箫笛
阅读(41)
评论(0)
推荐(0)
摘要：
在Angular中，组件选择器（selector） 用于在模板中标识和插入组件，支持多种CSS选择器形式。以下是详细分类和选择建议： 1. 元素选择器（Element Selector） 形式：selector: 'app-component' 使用场景： 作为自定义HTML标签使用，是最常见的形式 阅读全文
posted @ 2025-07-23 15:26
箫笛
阅读(54)
评论(0)
推荐(0)
摘要：
本方案探讨基于vue2，ElementUI技术栈 下拉列表数据在新增页面中的流动轨迹 第一步： 获取下拉列表数据集合 前端自定义字典 定义对象类型（key：表示id， value： 表示label） 定义数组类型 [{label:'是'， value:1},{label: '否', value: 2 阅读全文
posted @ 2025-07-21 10:34
箫笛
阅读(36)
评论(0)
推荐(0)
浙公网安备 33010602011771号