AngularJS：在输入字段中转义 HTML答案

【问题标题】：AngularJS: Escape HTML in input fieldsAngularJS：在输入字段中转义 HTML
【发布时间】：2019-06-20 01:49:22
【问题描述】：

在输入字段中转义 HTML 的最佳方法是什么？例如，我搜索输入字段

<input id="search" type="text" ng-model="search" placeholder="search...">

如果有人键入这样的内容，我想逃跑：

<script>alert("test123");</script>

【问题讨论】：

【解决方案1】：

这完全取决于您的用例。如果你只是想让它为用户视图转义（所以基本上是消毒），你可以使用 angular $sanitize & $sce

但是，如果您想将它存储在某个地方并希望它转义，您可以构建一个过滤器。你可以在这里找到一个例子：Escape HTML text in an AngularJS directive

【讨论】：

【解决方案2】：

您可以使用lodash _.escape([string=''])。这是一个简单易行的解决方案。

_.escape($scope.search);

【讨论】：

【解决方案3】：

您可以将pattern 用于您的输入框，例如 -

<input type='text' pattern='[a-zA-Z0-9]+'>

使用最适合您需要的表达方式。

【讨论】：