angularjs输出纯文本而不是html

我有一些这样的文字：

<span>My text</span>

我想显示不带标签的内容：

My text

我也不想应用标签，我想剥离它们。有什么简单的方法可以做到这一点？

角HTML：

<div>{{myText | htmlToPlaintext}}</div>

jQuery比SLOWER慢40倍左右，请不要将jQuery用于该简单任务。

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

用法：

var plain_text = htmlToPlaintext( your_html );

使用angular.js：

angular.module('myApp.filters', []).
  filter('htmlToPlaintext', function() {
    return function(text) {
      return  text ? String(text).replace(/<[^>]+>/gm, '') : '';
    };
  }
);

采用 ：

<div>{{myText | htmlToPlaintext}}</div>  

来自https://docs.angularjs.org/api/ng/function/angular.element

角度元素

将原始DOM元素或HTML字符串包装为jQuery元素（如果jQuery不可用，则angular.element委托给Angular的内置jQuery子集，称为“ jQuery lite”或“ jqLit​​e”。）

因此，您可以执行以下操作：

angular.module('myApp.filters', []).
  filter('htmlToPlaintext', function() {
    return function(text) {
      return angular.element(text).text();
    }
  }
);

用法：

<div>{{myText | htmlToPlaintext}}</div>

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

app.filter('htmlToPlaintext', function()
{
    return function(text)
    {
        return  text ? String(text).replace(/<[^>]+>/gm, '') : '';
    };
});

<p>{{DetailblogList.description | htmlToPlaintext}}</p>

您想为此使用内置的浏览器HTML条，而不是自己使用正则表达式。由于更加绿色的浏览器可以为您完成工作，因此更加安全。

angular.module('myApp.filters', []).
  filter('htmlToPlaintext', function() {
    return function(text) {
      return stripHtml(text);
    };
  }
);

var stripHtml = (function () {
  var tmpEl = $document[0].createElement("DIV");
  function strip(html) {
    if (!html) {
      return "";
    }
    tmpEl.innerHTML = html;
    return tmpEl.textContent || tmpEl.innerText || "";
  }
  return strip;
}());

将其包装在自执行函数中的原因是为了重用元素创建。

<div ng-bind-html="myText"></div> 无需像{{myText}}那样放入html {{}}插值标签。

并且不要忘了在模块中使用ngSanitize，例如 var app = angular.module("myApp", ['ngSanitize']);

并在index.html页面https://cdnjs.com/libraries/angular-sanitize中添加其cdn依赖项

您可以使用ng-bind-html，不要忘记将$ sanitize服务注入模块中。

使用ng-bind-html这只是正确和最简单的方法

像这样使用此功能

 String.prototype.text=function(){
   return this ? String(this).replace(/<[^>]+>/gm, '') : '';
 }

  "<span>My text</span>".text()
  output:
  My text

小提琴