Streifen Html-Tags Im Ionischen?

Verwendung Ionischer 3 ich abgerufen haben, einige Daten aus der wordpress-api und bin dann mit den gleichen auf der app-UI. Alles scheint zu funktionieren außer die HTML-tags in den content integriert. Die html-tags gedruckt sind, zu. Ich verwies auf einige Ressourcen, die vorgeschlagen, dass Sie den folgenden code :-

`var app = angular.module('myHDApp', []);

    app.filter('removeHTMLTags', function() {

    return function(text) {

        return  text ? String(text).replace(/<[^>]+>/gm, '') : '';

};

});

Implementierte ich die obige Funktion in meiner .ts-code, aber es scheint nicht für mich arbeiten, als ich immer noch die HTML-tags in den Inhalt.

  • Das sieht aus wie code für ionic v1
InformationsquelleAutor OshoParth | 2017-07-04



2 Replies
  1. 4

    Was Sie gefunden haben ist für ionic v1. In ionic 3, legen Sie eine Rohr-ersten.

    In Ihre cli,

    ionic g pipe removehtmltags

    Finden Sie Ihren neu erstellten pipe unter src/Rohre. Jetzt in Ihrer removehtmltags.ts,

    import { Pipe, PipeTransform } from '@angular/core';    
    
    @Pipe({
      name: 'removehtmltag',
    })
    export class RemovehtmltagPipe implements PipeTransform {
      /**
       * Takes a value and makes it lowercase.
       */
      transform(value: string) {
               if(value){
                   var result = value.replace(/<\/?[^>]+>/gi, ""); //removing html tag using regex pattern
                  return result;
               }
               else{}
    
    
      }
    }

    Jetzt können Sie das Rohr in Ihre html-Dateien wie dieses,

    <p>{{yourData | removehtmltag}}</p>
    • auch könnte Sie einen Weg vorschlagen, wenn ich wollen, fügen Sie einige tags, wie eine Ausnahme?
    • coulb Sie präziser werden? tags wie, was?
    • Tags wie <br> oder <pre> etc
  2. 0

    Die Einfachste Lösung:

    removeHTMLInfo(value: string)
    {  
        if (value)
    
            return value.replace(/<\/?[^>]+>/gi, "");
    }

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.