나는 일부 텍스트를 다음과 같습니다.
<span>My text</span>
I want to 않고도 디스플레이를 태그:
My text
난 또 don& # 39 적용하십시오 주기표시, I want to 스트립 저들이요 싶지 않다. # 39 의 what& 쉽게 이런 거야?
각 html:
<div>{{myText | htmlToPlaintext}}</div>
[ 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>
https://docs.angularjs.org/api/ng/function/angular.element 에서
>. 앙굴라리엘레먼트 >. >. raw 로 HTML DOM 요소이거나 둘러싸여집니다 문자열이어야 jQuery element (jQuery 경우 >. # 39 명이 참가해 Angular& 내장현 앙굴라리엘레먼트 사용할 수 없는 것이다. >. jquery, jQuery lite" 불렀으매 서브셋에 "; 또는 " jqLite.";)
간단히 할 수 있도록.
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>
div,,, '< html 바인딩하지 ng = " mytext" > < /div>' Html 태그를 넣을 필요가 없으며 같은 재발했지 {{}} {{}} 보간은 myText.
'var 앱 = 앙굴라리모두리 (" myApp" [& # 39, ngSanitize& # 39,],,),'
cdn dependency 의 index. html 페이지를 추가하고 있다 https://cdnjs.com/libraries/angular-sanitize
이를 위해 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;
}());
이 기능은 재사용합니다 계시노라 요소가 있는 이유는 랩할 자동 실행