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

Question

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

$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>

但最终，风格并没有兑现。显示类似

微标签是MicroTag

任何指针？

Answer 1

我假设您正在使用sanitize逃避策略，例如：

$translateProvider.useSanitizeValueStrategy('sanitize');

它使用 $sanitize服务，因此样式属性将被该服务剥离（并且要覆盖它，您需要更改 的源代码angular-sanitize.js，但我不建议这样做）。作为一种解决方法 - 您需要使用class属性（因为类属性没有被剥离$sanitize），class="red"并设置适当的 css 样式，如.red { color:red; }.

这里的例子。

Answer 2

采用

<span style="color:red">

不是

<span style=color:red>