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

Question

我有一个用例，我们可以在 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>

如何将输入值转换为纯文本？

使用 $sce 对我不起作用

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

工作代码示例:

http://jsfiddle.net/egrendon/xa8cseoc/12/

Answer 1

对。所以你需要一些东西:

1. 将 ngSanitize 注入(inject)您的模块。
2. 在要输出 $sce 结果的元素上执行 ng-bind-html。

我已经编辑了你的 fiddle here. - 最后一行输出正确的 # 字符

因为它输出 HTML，所以您需要获取内容并解析它们以将它们放入输入中。所以也许从这个意义上说，您最好只对文本值执行 match() 来查找 HTML 实体。