0
点赞
收藏
分享

微信扫一扫

angualr学习之路-------------过滤器

大沈投资笔记 2022-04-29 阅读 44
angular

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.实战练习

 

举报

相关推荐

0 条评论