Question

有一个名称字段绑定到文本框。一切都很好。现在，当有人输入unicode字符时，它会转换为html元素。在页面重新加载输入框中的名称显示html元素。这应该不是这样的！你怎么解决这个问题？

<input placeholder='Name' type="text" ng-model="form.firstName" ng-required="true" />

name = health &amp; wealth
textbox = health &amp; wealth
required in textbox = health & wealth

Answer 1

您可以使用过滤器进行格式化。

<input placeholder='Name' type="text" ng-model="form.firstName | html" ng-required="true" />

添加此过滤器：

angular.module("formatFilters", []).filter('html', function() {
    function(input) {
        return input.replace(/&amp;/g, "&");
    };
});

最后，不要忘记将此过滤器添加到模块中。

angular.module("app", ['formatFilters'])

处理和在数据绑定期间的数据

1 个答案: