angularjs - AngularJS：没有显示html特殊字符

Question

我试图在我的模型中显示一个包含特殊字符的 html 表示的字符串。不幸的是，它并没有显示出真正的角色，我不知道如何让它做到这一点......

这是代码：

<div ng-controller="MyCtrl">
  Hello, {{namea}}!
    <br/>
    &lt;
</div>

<script>
var myApp = angular.module('myApp',[]);

function MyCtrl($scope) {
    $scope.namea = 'Superhero &lt;';
}
</script>

这是输出：

Hello, Superhero <! 
<

这是一个 jsfiddle

Answer 1

我今天遇到了这个问题。使用 AngularJS，在控制器内的数据中，我试图包含一个带有 'n' 和波浪号的字符串。我尝试了“Español”以及 html 表示，但都没有显示所需的输出。

一位同事很有帮助地指出 unicode 有效。所以我尝试了

{
name : "my site en Espan\u00F1ol"
}

这给了我

my site en Español

如预期的。查看http://unicode-table.com/en/

Answer 2

您可以使用ng-bind-html-unsafe 指令：

<div ng-controller="MyCtrl" ng-bind-html-unsafe="'Hello,' + namea">
</div>

查看文档和jsfiddle中的示例。