javascript - 翻译时在angular js中显示样式标签

这是我的控制器文件，其中

$scope.htmlCompanyFromScope = '<span style=color:red>Micro</span>';
$scope.htmlTagFromScope = "MicroTag";

我的*.resx文件包含

 TranslationValue = "{{htmlCompany}} tag is {{htmlTag}}"

在我的HTML中，我定义了以下内容：

 <span translate="TranslationValue " translate-values="{htmlCompany: htmlCompanyFromScope , htmlTag: htmlTagFromScope}"></span>

但最终，这种风格并没有得到尊重。
显示如下内容
微标签就是微标签
有什么线索吗？

最佳答案

我想你是在用sanitize策略逃避，比如：
$translateProvider.useSanitizeValueStrategy('sanitize');
It uses$sanitize服务，因此样式属性将get stripped by this service（要覆盖它，您需要更改angular-sanitize.js的源代码，但我不建议这样做）。作为解决方法，您需要使用class属性（因为类属性没有用$sanitize剥离），比如class="red"，并设置适当的css样式，比如.red { color:red; }。
示例here。