Question

使用离子3我从wordpress api获取了一些数据，然后在app UI上显示相同的数据。除了内容中包含的HTML标记外，一切似乎都能正常工作。 html标签也被打印出来。我已经提到了一些建议以下代码的资源： -

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

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

    return function(text) {

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

};

});

我已经在我的.ts代码中实现了上述功能，但它似乎对我不起作用，因为我仍然在内容中获得HTML标记。

Answer 1

您发现的是离子v1。在离子3中，您必须首先创建管道。

在你的cli中，

ionic g pipe removehtmltags

您可以在src / pipes下找到新创建的管道。现在位于 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{}


  }
}

您现在可以在这样的html文件中使用此管道，

<p>{{yourData | removehtmltag}}</p>

Answer 2

最简单的解决方案：

removeHTMLInfo(value: string)
{  
    if (value)

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

剥离离子的Html标签？

2 个答案: