angular2 pipe 用法

前端之家收集整理的这篇文章主要介绍了angular2 pipe 用法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<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://www.f2er.com/angularjs/148707.html

猜你在找的Angularjs相关文章