angular2 pipe 用法

最新推荐文章于 2021-10-08 18:40:12 发布

chixian4839

最新推荐文章于 2021-10-08 18:40:12 发布

阅读量196

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/2499632/blog/760291

版权

<input [(ngModel)]="username">{{ username | checkStatus }}

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'checkStatus',
    pure: false
})

export class PipeTestComponent implements PipeTransform {

    transform(value: string): string {
            if (value == '0') {
                return '审核中';
            }
            if (value == '1') {
                return '审核通过';
            }
            if (value == '-1') {
                return '审核退回';
            }
    }

}

记得将该component注册到ngModule中，否则不会生效，如果想在某个组件中使用这个pipe，直接在html上写就可以了

转载于:https://my.oschina.net/u/2499632/blog/760291