在离子中去除HTML标签？

Posted 2023-03-13

【中文标题】在离子中去除HTML标签？

【英文标题】：Strip Html Tags In Ionic?

【发布时间】：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 的代码

【参考方案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, "");