摘要：
分享一个最近写的支持表单验证的时间选择组件。 import {AfterViewInit, Component, forwardRef, Input, OnInit, Renderer} from "@angular/core"; import {ControlValueAccessor, NG_V 阅读全文
摘要：
本文将介绍Angular（Angular2+）中Reactive Form的有关内容，包括： Reactive Form创建方法 如何使用验证 自定义验证器 下面开始进入正文！ Reactive Form创建方法 首先我们需要使用FormBuilder创建一个FormGroup，就像这样： 上面的 阅读全文
摘要：
在Angular中使用依赖注入（DI）的时候，我们一般会使用 。其实要做同样的事我们还有另外一个选择： 。 允许我们定义只对组件的view可见的provider。下面我们用例子详细的说明这一点。 假设我们有一个简单的服务： 这个服务很简单，只需要打印出在哪里调用了该服务。 然后有一个子组件，是用来投 阅读全文
摘要：
在OnPush策略下，Angular不会运行变化检测（Change Detection ），除非组件的 接收到了新值。接收到新值的意思是， 的值或者引用发生了变化。这样听起来不好理解，看例子： 子组件接收一个 （别想歪:)）输入，然后在模板遍历这个 数组并展示出来。初始化2秒后，往 数组push一个 阅读全文
摘要：
现在，我们写一个组件puppiesListCmp，用于显示小狗狗的列表： //puppies list.component.ts @Component({ selector: 'puppies list', template: ` {{puppy.name}} {{puppy.age}} {{pup 阅读全文
摘要：
在Angular的模板中遍历一个集合（collection）的时候你会这样写： 有时你会需要改变这个集合，比如从后端接口返回了新的数据。那么问题来了，Angular不知道怎么跟踪这个集合里面的项，不知道哪些该添加哪些该修改哪些该删除。结果就是，Angular会把该集合里的项全部移除然后重新添加。就像 阅读全文
摘要：
@HostBinding()和@HostListener()在自定义指令时非常有用。@HostBinding()可以为指令的宿主元素添加类、样式、属性等，而@HostListener()可以监听宿主元素上的事件。 @HostBinding()和@HostListener()不仅仅用在自定义指令，只是 阅读全文
摘要：
代码如下： @Component({ selector: 'my app', template: ` ` }) export class AppComponent{ //利用模板变量stepBar获取子组件的引用 @ViewChild('stepBar') stepBar: StepBarCompo 阅读全文
摘要：
做项目（Angular项目）时经常需要处理金额的显示，需要在金额前面加上￥，但又不想用简单在前面加“￥”这么不优雅的方式，于是想到了CurrencyPipe。毕竟，CurrencyPipe还可以格式化数字。 按照官方提供的 "文档" ，我写出这样的代码： 刷新页面，应该没什么问题！ 什么，怎么是CN 阅读全文
摘要：
学过Angular的同学都知道，输入框通过 实现双向数据绑定，那么父子组件间能不能实现双向数据绑定呢？答案是肯定的。 Angular中，我们常常需要通过方括号 和圆括号 实现组件间的交互： 那么在 和`()`的基础上，如何实现组件的双向数据绑定？ 例子如下。 子组件： 注意这里的写法，这是关键所在， 阅读全文