Javascript 在元素'中解析html元素;书名
我有一个文本区域元素Javascript 在元素'中解析html元素;书名,javascript,angularjs,Javascript,Angularjs,我有一个文本区域元素 <textarea ng-model="text"></textarea> 我有另一个元素图标,它悬停显示textarea元素的文本 <i class="k-icon k-i-paste-plain-text" title="{{text}}"> 一切正常;直到用户在文本框中键入html,例如: 如果文本为“一些随机文本”,则在标题中也会显示 <b>some random text </b> 一些随机
<textarea ng-model="text"></textarea>
我有另一个元素图标,它悬停显示textarea元素的文本
<i class="k-icon k-i-paste-plain-text" title="{{text}}">
一切正常;直到用户在文本框中键入html,例如:
如果文本为“一些随机文本”
,则在标题中也会显示
<b>some random text </b>
一些随机文本
我想知道如何对其进行解析,并仅在标题中添加文本。Angular会在显示文本之前自动对文本中的html进行编码。这是因为您确实必须信任文本的来源,因为允许将脚本标记注入页面可以完全控制整个站点,包括访问身份验证令牌。在这里要非常小心你要做的事情 您可以创建允许显示html的筛选器
app.filter('unsafe', function($sce) {
return function(val) {
return $sce.trustAsHtml(val);
};
});
和它一起使用
<i class="k-icon k-i-paste-plain-text" title="{{text | unsafe}}">
不要将问题同时标记为AngularJs和AngularJs,它们是不同的框架。删除textarea上的直接绑定,并调用onchange方法,然后使用下面的代码****jQuery(“”+text+”')。text();****它将只返回文本,然后在title@Shikha,我认为您正在为一个问题创建重复的问题-我认为@AdrianBrand提供的解决方案从最初的问题开始就可以了,但后来您提到了$(文本),这很混乱,请为标题提供一些示例输入和预期输出,以便轻松调试,我的标题是这样附加的:,那么,在本例中如何附加过滤器?app是您使用angular.module('app',[])创建的模块;是的,我知道,我关心的是用${}添加|过滤器