Javascript 使用Angular将输入字段的字符串编码HTML转换为纯文本

我有一个用例，我们可以在JSON中包含“&#”字符

Name: "Kenneth Hinsvark & Maurice McAlister"

Address: "555555 W. Canyon Dr # B212"

从数据库中提取字符串值。显然，这些值是用HTML编码保存到数据库的。我需要能够在没有HTML字符的文本字段中显示数据

我的主要要求是将输入字段值转换为纯文本。

Name: <input type="text" ng-model="user.name" escape-to-plain-text></input>

Address: <input type="text" ng-model="user.address" escape-to-plain-text></input>

$scope.user.name = $sce.trustAsHtml('555555 W. Canyon Dr # B212');

工作代码示例：

Name: <input type="text" ng-model="user.name" escape-to-plain-text></input>

Address: <input type="text" ng-model="user.address" escape-to-plain-text></input>

$scope.user.name = $sce.trustAsHtml('555555 W. Canyon Dr # B212');

---

对。所以你需要做几件事：

将

ngSanitize

注入模块

对要输出

$sce

结果的元素执行

ng绑定html

我已经编辑了你的小提琴-最后一行输出正确的#字符

---

因为它输出HTML，所以您需要获取内容并对其进行解析以将其放入输入中。。因此，从这个意义上讲，您最好对文本值进行匹配（）以查找HTML实体。

对。所以你需要做几件事：

将

ngSanitize

注入模块

对要输出

$sce

结果的元素执行

ng绑定html

我已经编辑了你的小提琴-最后一行输出正确的#字符

---

因为它输出HTML，所以您需要获取内容并对其进行解析以将其放入输入中。。因此，从这个意义上讲，您最好只对文本值进行匹配（），以查找HTML实体。

ngSanitize解决方案适用于显示字段，但不适用于编辑/输入字段

通过创建一个自定义指令，我能够回答在输入字段中将HTML转换为纯文本的主要问题。发布在js fiddle上的解决方案

---

ngSanitize解决方案适用于显示字段，但不适用于编辑/输入字段

通过创建一个自定义指令，我能够回答在输入字段中将HTML转换为纯文本的主要问题。发布在js fiddle上的解决方案

---

我的主要要求的可能重复是我为输入字段转义。我的主要要求的可能重复是我为输入字段转义。我的主要要求的可能重复是我为输入字段转义问题。ngSanitize解决方案似乎适用于显示字段，但不适用于编辑/输入字段。我的主要要求是对输入字段进行转义。我使用自定义指令解决了这两个问题。jsfiddle.net/egrendon/xa8cseoc/22感谢您的反馈。ngSanitize只回答了我一半的问题。ngSanitize解决方案似乎适用于显示字段，但不适用于编辑/输入字段。我的主要要求是对输入字段进行转义。我使用自定义指令解决了这两个问题。jsfiddle.net/egrendon/xa8cseoc/22感谢您的反馈。ngSanitize只回答了我一半的问题。ngSanitize解决方案似乎适用于显示字段，但不适用于编辑/输入字段。我的主要要求是对输入字段进行转义。我使用自定义指令解决了这两个问题。jsfiddle.net/egrendon/xa8cseoc/22感谢您的反馈。