在离子中去除HTML标签？答案

【问题标题】：Strip Html Tags In Ionic?在离子中去除HTML标签？
【发布时间】：2017-12-07 08:50:55
【问题描述】：

使用 ionic 3，我从 wordpress api 获取了一些数据，然后在应用程序 UI 上显示相同的数据。除了内容中包含的 HTML 标记外，一切似乎都运行良好。 html标签也被打印出来。我提到了一些建议以下代码的资源：-

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

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

    return function(text) {

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

};

});

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

【问题讨论】：

这看起来像 ionic v1 的代码

标签： angular typescript ionic-framework ionic3

【解决方案1】：

您找到的是适用于 ionic v1 的。在 ionic 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>

【讨论】：

如果我想添加一些标签作为例外，你能建议一种方法吗？
你能不能说的更准确点？像什么标签？
或
```
 等标签
```

【解决方案2】：

最简单的解决方案：

removeHTMLInfo(value: string)
{  
    if (value)

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

【讨论】：