2017-06-06 26 views
1

は私が代わるパイプを作成しました:角度2 .Replaceパイプ

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> 

私はそれが働くことができないため、私は間違いを犯しているのか分かりません。私はリンジーパイプを取り外そうとしましたが運はありませんでした。どんな助けでも大いに訴えられます。ありがとうGuys

+0

あなたがそれを動作させることができないと言うとき、あなたはどういう意味ですか?どのようなエラーや問題が起きていますか? – Ryan

+0

これまでに何もエラーが発生していない – DN0300

+0

なぜ「<,>」を置き換え、 'innerHtml'で結果を使用しようとしていますが、これは意味をなさない。このhttps://plnkr.co/edit/dJDgLgmyhtaEYjCtpA8Y?p=preview – Pengyy

答えて

0

だから、私の交換パイプはすべて "value.replace('bit', '<br>');"の例で動作しますが、何をしようとしても "value.replace('/\n/g', '<br>');"のアイデアは動作しませんか?