angularjs输出纯文本而不是html

Question

我有这样的文字:

<span>My text</span>

我想显示没有标签:

My text

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

Angular html:

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

Answer 1

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>  

Answer 2

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

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>