Angular 路由

2019-07-26
阅读 4 分钟
5k
概述 路由所要解决的核心问题就是通过建立URL和页面的对应关系,使得不同的页面可以用不同的URL来表示。 Angular路由的核心工作流程图 首先,当用户在浏览器上输入URL后,Angular将获取该URL并将其解析生成一个UrlTree实例 其次,在路由配置中寻找并激活与UrlTree实例匹配的配置项 再次,为配置项中指定的组件创建实例 ...

Angular 使用 ControlValueAccessor 创建自定义表单控件

2019-03-07
阅读 2 分钟
2.8k
在 Angular 自定义表单控件,有时你想要的输入不是标准的文本输入、选择或复选框。通过实现ControlValueAccessor 接口并将组件注册为 NG_VALUE_ACCESSOR,您可以将自定义表单控件无缝地集成到模板驱动或响应表单中,就像它是本地表单一样!

Angular 响应式表单之下拉框

2019-03-04
阅读 2 分钟
3.2k
项目中遇到一个问题,选择司机,是一个下拉列表。这个司机列表是一个动态列表,当你选择的司机不再列表中,可以添加司机,然后再选择;也有可能你选择了司机,还未提交时,这个司机就被删除了,需要给出错误提示。

Angular 响应式表单之表单分组

2019-02-22
阅读 4 分钟
4.8k
在分析代码之前,首先明确 FormControl、formControl、formControlName、FormGroup、formGroup、formGroupName、FormArray、formArray、formArrayName 都是什么意思以及它们的用法。

Angular 响应式表单 基础例子

2019-02-21
阅读 3 分钟
4.8k
1、案例需求 表单提交,表单全部校验成功才能提交,当表单校验错误,表单边框变红,同时有错误提示信息,有重置功能 2、代码分析 在线预览 git仓库 本案例中使用了响应式表单,响应式表单在表单的校验方面非常方便 2.1、注册 ReactiveFormsModule 要使用响应式表单,就要从 @angular/forms 包中导入 ReactiveFormsModule...