Angular 2.更换管道

时间:2017-06-06 01:26:56

标签: angular ionic2

我创建了一个替换管道,如下所示:

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({name: 'replace'})
export class ReplacePipe implements PipeTransform {
  transform(value: string): string {
    let newValue = value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\n/g, '<br>');
    return `${newValue}`;
  }
}

我在app.module的@NgModule部分声明了它。我在页面上使用它如下:

<ion-card-content [innerHtml]="Message | linky | replace"></ion-card-content>

我无法弄清楚我在哪里犯错,因为我无法让它发挥作用。我尝试删除linky管道,但没有运气。任何帮助都很受欢迎。谢谢大家

1 个答案:

答案 0 :(得分:0)

所以事实证明我的替换管道适用于所有示例“value.replace('bit', '<br>');”,但无论我尝试做什么它都不适用于“value.replace('/\n/g', '<br>');”任何想法?