没有其他html的angularjs换行符过滤器 [英] angularjs newline filter with no other html
问题描述
我试图将换行符( \\\
)转换为html
br
的。 >
根据 Google群组中的讨论,以下是我():
myApp.filter('newlines',function(){
return function(text){
return text.replace(/ \\\
/ g,'< br />');
}
});
这里的讨论还建议在视图中使用以下内容:
{{dataFromModel |换行符| html}}
这似乎是使用旧的 html
filter,而现在我们应该使用 ng-bind-html
属性。
$无论如何,这会带来一个问题:我不希望任何来自原始字符串(
dataFromModel
)的HTML呈现为HTML;只有 br
的。 例如,给定以下字符串:
虽然7> 5
我仍然不希望html& ...
我想让它输出:
虽然7& gt; 5< br>我仍然不希望html& amp; amp; amp; amp; amp; amp; amp;在这里的东西...
有没有办法做到这一点?
$ b
App.filter('newlines',function(){
return function(text){
return text.replace(/ \\\
/ g,'< br / >');
}
))
.filter('noHTML',function(){
返回函数(文本){
返回文本
.replace(/& / g,'&')
.replace(/> / g,'& gt;')
.replace(/< / g, '& lt;');
}
});
然后,在我看来,我将其中一个输入到另一个中:
< span ng-bind-html-unsafe =dataFromModel | noHTML | newlines>< / span>
I'm trying to convert newline characters (\n
) to html br
's.
As per this discussion in the Google Group, here's what I've got:
myApp.filter('newlines', function () {
return function(text) {
return text.replace(/\n/g, '<br/>');
}
});
The discussion there also advises to use the following in the view:
{{ dataFromModel | newline | html }}
This seems to be using the old html
filter, whereas now we're supposed to use the ng-bind-html
attribute.
Regardless, this poses a problem: I don't want any HTML from the original string (dataFromModel
) to be rendered as HTML; only the br
's.
For example, given the following string:
While 7 > 5
I still don't want html & stuff in here...
I'd want it to output:
While 7 > 5<br>I still don't want html & stuff in here...
Is there any way to accomplish this?
Instead of messing with new directives, I decided to just use 2 filters:
App.filter('newlines', function () {
return function(text) {
return text.replace(/\n/g, '<br/>');
}
})
.filter('noHTML', function () {
return function(text) {
return text
.replace(/&/g, '&')
.replace(/>/g, '>')
.replace(/</g, '<');
}
});
Then, in my view, I pipe one into the other:
<span ng-bind-html-unsafe="dataFromModel | noHTML | newlines"></span>
这篇关于没有其他html的angularjs换行符过滤器的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!