Question

我有一个具有value属性的HTML元素。值应该是Comfort＆amp;保护，但来自JSON获得结果的名称是Comfort &保护，AngularJS在我的视图中将其打印出来。

我尝试将此名称放在html元素值属性中。

<div ng-app="app">
    <div ng-controller="ExampleCtrl">
        <input type="text" ng-repeat="type in types" value="{{type.name}}" />
    </div>
</div>

var app = angular.module("app", []);

app.controller('ExampleCtrl', function($scope){
    $scope.types = [
        {
            id: 1,
            name: 'Comfort &amp; Protection'
        },
        {
            id: 2,
            name: 'Other Name'
        }
    ]
})

http://codepen.io/Fclaussen/pen/vOXNbg

Answer 1

一种选择是将&字符串替换为&，如下所示：

var text = name.replace(/&amp;/g, '&')

Answer 2

根据Max Zoom答案进行管理以解决问题。

我创建了一个过滤器来过滤＆符号，就像这样。

app.filter('ampersand', function(){
    return function(input){
        return input ? input.replace(/&amp;/, '&') : '';
    }
});

在我的观看中，我从{{term.name}}更改为{{term.name | ampersand}}

转换json＆amp;到＆amp;在AngularJS中

2 个答案: