1.定义
angular 中的过滤器的本质是一个函数,接收原始数据转换为该数据的新的格式形式进行输出: 模式为:function(oldVal){ 处理 return newVal }
使用过滤器的模型 {{ 元数据 | 过滤器名}} ,可以按出过滤器在使用上是通过管道Pipe的形式去做的,底层本质是函数:function(oldVal){ 处理 return newVal }
2.自定义管道
2.1 自定义管道步骤
①创建管道class,实现转换功能
@Pipe({name='sex'})
export class SexPipe{
transform(oldVal){
return newVal}
}
②在模块中注册管道
//app.module.ts 中的declarationso中注册
declarations: [ SexPipe ]
③在模板视图中使用管道
如 :{{e.empSex |sex}}
说明:管道的transform方法除了val还可以接收其它参数,使用管道时使用冒号为这些参数赋值
-----------------------------------------------------------------------------------------------------------------------
3.实战练习