Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/perl/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在元素'中解析html元素;书名_Javascript_Angularjs - Fatal编程技术网

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',[])创建的模块;是的,我知道,我关心的是用${}添加|过滤器