qrcode

马上订阅,开启修仙之旅

angular

Angular 内容投影

在介绍 content projection 之前,我们先来观察一下以下的表单。对于同一个系统来说,下面的两个表单的区别在于使用不同的标题。为了提高组件的复用性,我们可以把相同的部分抽成独立的组件,然后把不同的部分单独出来。 这虽然可以解决问题,但能够进一步提高组件的复用性么?即让用户能够灵活设置标题。答案是可以的,在 Angular 中引入了内容投影的概念,即通过使用 <ng-co...

Angular Pipe 快速入门

Angular 中 Pipe(管道) 与 Angular 1.x 中的 filter(过滤器)的作用的是一样的。它们都是用来对输入的数据进行处理,如大小写转换、数值和日期格式化等。 内建管道及分类 String -> String UpperCasePipe LowerCasePipe TitleCasePipe Number -> String DecimalPipe Pe...

Angular 6.x 表单快速入门

目录 第一节 - 创建最简单的输入框 第二节 - 添加简单的验证功能 第三节 - 显示验证失败的错误信息 第四节 - 创建表单 第五节 - ngModelGroup简介 第六节 - 表单添加验证状态样式 第七节 - 表单控件的状态 第八节 - 使用单选控件 第九节 - 使用多选控件 阅读须知本教程的开发环境及开发语言: Angular 6.x Angular CLI TypeScript...

Angular DOM 抽象概述

为了能够支持跨平台,Angular 通过抽象层封装了不同平台的差异,统一了 API 接口。如定义了抽象类 Renderer2 、抽象类 RootRenderer 等。此外还定义了以下引用类型:ElementRef、TemplateRef、ViewRef 、ComponentRef 和 ViewContainerRef 等。 ElementRef在日常工作中,Web 工程师经常需要跟 DOM ...

Angular 6.x 基础教程

本系列教程的主要内容来源于 egghead.io get-started-with-angular 视频教程,但针对视频中的介绍的知识点做了适当地补充,建议有兴趣的同学直接查看该视频教程。 目录 第一节 - 基于 Angular CLI 新建项目 第二节 - 创建简单的组件 第三节 - 事件和模板引用 第四节 - 事件进阶 第五节 - 注入服务 第六节 - 使用 ngFor 指令 第七节...

Angular ViewChild和ViewChildren

ViewChildAngular 为我们提供 ViewChild 和 ViewChildren 装饰器来获取模板视图中匹配的元素。ViewChild 是属性装饰器,用来从模板视图中获取匹配的元素。视图查询在 ngAfterViewInit 钩子函数调用前完成,因此在 ngAfterViewInit 钩子函数中,就能正常获取查询的元素。 现在我们先来更新一下 AuthFormComponent...

Angular 修仙之路目录

为了方便后期内容的更新与维护,已把 “Angular 修仙之路目录”,搬到了本人 Github 的 “angular2-ionic2” 项目中,感兴趣的同学,可以直接访问Angular 修仙之路目录 ,如果给你带来不便,深表歉意。