Angular2-管道Pipe
2017-08-21 17:46
281 查看
在Angular中,管道(Pipes)可以按照指定的规则将模板内的数据进行转换。
管道种类:内置管道、自定义管道等
内置管道:
DataPipe,JsonPipe,UpperCasePipe,LowerCasePipe,DecimalPipe,CurrencyPipe,PercentPipe,SlicePipe
自定义管道:
import { Pipe,PipeTransform} from "@angular/core";
//定义元数据
@Pipe({
name:"XXX"
})
export class XXX implements PipeTransform{
transform(value){
//....
}
}
Angular管道有两种变化检测机制,即纯管道,非纯管道
纯管道:
纯变更是指对基本数据类型(String、Number、Boolean等)输入值的变更或对对象引用(Date、Array、Function、Object等)的更改。
变化机制策略是基于判断基本类型的数据值或者对象的引用是否被改变。对象引用的检测方式比遍历对象内部所有属性值的检测方式要快,Angular使用的是对象引用策略。
非纯管道:
Angular组件在每个变化检测周期都会调用非纯管道,并执行管道的transform()方法来更新数页面数据。
给管道添加pure:false将其定义为非纯管道。
@Pipe({
name:"XXX",
pure:false
})
管道种类:内置管道、自定义管道等
内置管道:
DataPipe,JsonPipe,UpperCasePipe,LowerCasePipe,DecimalPipe,CurrencyPipe,PercentPipe,SlicePipe
自定义管道:
import { Pipe,PipeTransform} from "@angular/core";
//定义元数据
@Pipe({
name:"XXX"
})
export class XXX implements PipeTransform{
transform(value){
//....
}
}
Angular管道有两种变化检测机制,即纯管道,非纯管道
纯管道:
纯变更是指对基本数据类型(String、Number、Boolean等)输入值的变更或对对象引用(Date、Array、Function、Object等)的更改。
变化机制策略是基于判断基本类型的数据值或者对象的引用是否被改变。对象引用的检测方式比遍历对象内部所有属性值的检测方式要快,Angular使用的是对象引用策略。
非纯管道:
Angular组件在每个变化检测周期都会调用非纯管道,并执行管道的transform()方法来更新数页面数据。
给管道添加pure:false将其定义为非纯管道。
@Pipe({
name:"XXX",
pure:false
})
相关文章推荐
- Angular2踩坑之自定义Pipe管道
- Angular 2的管道Pipe
- [转]Angular2 使用管道Pipe以及自定义管道格式数据
- Angular 2的管道Pipe
- Angular2管道Pipe及自定义管道格式数据用法实例分析
- Angular2的管道Pipe的使用方法
- Angular2 中管道@Pipe的简单用法
- Angular CurrencyPipe货币管道关于人民币符号¥的问题
- angular2--pipe管道使用
- Angular2 管道pipe,如何自定义管道
- Linux操作系统中的管道(pipe)使用方法
- Linux学习笔记——管道PIPE
- Pipe管道读取信息不完全问题
- Linux进程通信-管道(pipe)
- linux shell 管道命令(pipe)使用及与shell重定向区别
- pipe管道
- 同一个进程使用pipe(管道)的例子
- 【python】使用unix管道pipe处理stdout实时数据
- python学习笔记——multiprocessing 多进程组件 Pipe管道
- 管道pipe