处理&数据绑定期间的数据

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(/&/g, "&"); 
    }; 
}); 

最后，不要忘了给模块添加此过滤器。

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