대신 앙굴라이스 출력입니다 html 로 일반 텍스트

나는 일부 텍스트를 다음과 같습니다.

<span>My text</span>

I want to 않고도 디스플레이를 태그:

My text

난 또 don& # 39 적용하십시오 주기표시, I want to 스트립 저들이요 싶지 않다. # 39 의 what& 쉽게 이런 거야?

각 html:

<div>{{myText | htmlToPlaintext}}</div>
Harry
편집된 질문25일 6월 2013 в 7:04
프로그래밍
javascript html angularjs
25일 6월 2013 в 5:00
21 파운드
질문에 대한 의견 (4)
해결책

[ jQuery 는 약 40 배 쉬운 작업이 jQuery 의 느린 windows용 사용하지 마십시오.] (http://jsperf.com/strip-html-jquery-vs-pure-js)

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

사용법:

var plain_text = htmlToPlaintext( your_html );

함께 앙굴라리제스:

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

사용:

<div>{{myText | htmlToPlaintext}}</div>
Elan Hasson
편집된 답변10일 8월 2015 в 3:03
해설 (15)

https://docs.angularjs.org/api/ng/function/angular.element 에서

&gt. 앙굴라리엘레먼트 &gt. &gt. raw 로 HTML DOM 요소이거나 둘러싸여집니다 문자열이어야 jQuery element (jQuery 경우 &gt. # 39 명이 참가해 Angular& 내장현 앙굴라리엘레먼트 사용할 수 없는 것이다. &gt. jquery, jQuery lite&quot 불렀으매 서브셋에 "; 또는 &quot jqLite.";)

간단히 할 수 있도록.

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

사용법:

<div>{{myText | htmlToPlaintext}}</div>
Dan Beaulieu
편집된 답변9일 2월 2016 в 4:25
해설 (8)
 
var app = angular.module('myapp', []);

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

<p>{{DetailblogList.description | htmlToPlaintext}}</p>
ajshort
편집된 답변9일 3월 2016 в 7:27
해설 (4)

div,,, '&lt html 바인딩하지 ng = &quot mytext&quot &gt &lt /div&gt' Html 태그를 넣을 필요가 없으며 같은 재발했지 {{}} {{}} 보간은 myText.

39 와 같은 영산티즈 사용할 수 있는 모듈에서는 don&, t forget (예:

'var 앱 = 앙굴라리모두리 (&quot myApp&quot [& # 39, ngSanitize& # 39,],,),'

cdn dependency 의 index. html 페이지를 추가하고 있다 https://cdnjs.com/libraries/angular-sanitize

Prasanna Sasne
편집된 답변26일 7월 2017 в 5:52
해설 (1)

이를 위해 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;
}());

이 기능은 재사용합니다 계시노라 요소가 있는 이유는 랩할 자동 실행

해설 (3)

39, 살균, don& html 바인딩하지 ng 사용할 수 있습니다 t forget 투입할 수 있는 서비스 를 모듈에서는 $

이를 통해 희망을

해설 (0)

이것은 단지 html 바인딩하지 ng 이벤트수정적절한 및 간단한 방법을 사용하여

해설 (1)

이 기능을 사용하여 같은

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

  "<span>My text</span>".text()
  output:
  My text
  • [바이올린] [1] *
pixelbyaj
편집된 답변8일 6월 2016 в 4:00
해설 (6)