如何渲染Java REST服务properties文件传递的HTML格式提示信息？

首先得明确你遇到问题的根源：AngularJS的插值表达式{{}}默认会对所有内容做HTML转义——这是框架内置的安全机制，用来防止XSS攻击。所以你后端返回的带<font>标签的字符串，会被当成纯文本直接输出，而不会被浏览器解析成HTML。

如果严格要求不修改现有HTML代码（也就是保留<div id="test">{{status}}</div>），可以通过AngularJS的$sce服务和手动编译DOM的方式实现，具体步骤如下：

步骤1：在控制器中注入必要的服务 #

需要用到$sce（标记内容为安全可信）和$compile（编译HTML内容让AngularJS识别），代码示例：

// 假设你的控制器是这样定义的
app.controller('YourSubmitController', ['$scope', '$sce', '$compile', function($scope, $sce, $compile) {
    // 模拟Ajax请求成功后的回调
    yourAjaxCall().then(function(response) {
        // 从后端拿到带HTML标签的字符串
        var responseMsg = response.data;
        
        // 第一步：把字符串标记为安全的HTML内容
        $scope.status = $sce.trustAsHtml(responseMsg);
        
        // 第二步：手动获取目标DOM元素，替换内容并编译
        var targetDiv = angular.element(document.getElementById('test'));
        targetDiv.html($scope.status);
        $compile(targetDiv.contents())($scope);
    });
}]);

这样操作后，原来的HTML标签不需要改动，就能正确渲染出红色的提示文本了。

额外推荐：更简洁的官方方案（微小修改HTML） #

如果可以接受对HTML做一点点改动（只加一个指令），AngularJS官方提供了ng-bind-html指令，这是更规范的做法，代码更简洁易维护：

1. 修改HTML为：

<div id="test" ng-bind-html="status"></div>

2. 控制器中只需要用$sce标记内容即可：

app.controller('YourSubmitController', ['$scope', '$sce', function($scope, $sce) {
    yourAjaxCall().then(function(response) {
        $scope.status = $sce.trustAsHtml(response.data);
    });
}]);

优化建议（可选） #

其实从前后端分离的角度来说，后端只负责返回纯文本消息（比如Details saved successfully），前端通过CSS来控制样式会更合理。比如给提示框加一个类：

.success-msg { color: red; }

然后HTML改成<div id="test" class="success-msg">{{status}}</div>，后端只返回纯文本。这样既避免了HTML代码耦合在后端配置文件里，也更符合前端负责样式的分工。不过这需要修改前端，如果你坚持不改动现有代码，可以忽略这条建议。

内容的提问来源于stack exchange，提问作者mick