AngularJS：翻译和多个 ng-bind-html 值

Question

在我的应用程序中，我尝试连接两个字符串：电子邮件和一些文本。

但是我遇到了麻烦，我需要文本部分可翻译"on the fly" 所以我写道：

$scope.textUnsubscribe = 'SUCESSFULL_UNSUBSCRIBE';

可见：

<h4 ng-bind-html="textUnsubscribe | translate"></h4>

当然可以（电子邮件+文本）：

<h4 ng-bind-html="userEmail"></h4>
<h4 ng-bind-html="textUnsubscribe | translate"></h4>

但后来我有风格错误...

我能否以某种方式将两个作用域变量放入一个 ng-bind-html 中？一个是 "static"，第二个是可翻译的？

赞：

<h4 ng-bind-html="userEmail, (textUnsubscribe | translate)"></h4>

Answer 1

如果它只是像电子邮件这样的简单字符串。不需要ng-bind-html，ng-bind就够了。添加 -html 会降低 ng-bind 的安全性。反正ng-bind可以多次使用。如果你有一个 "style bug"，它来自你的 HTML（你有多个 h4）。

无论如何，您可以像这样在简单的 ng-bind 上完成它：

<h4 ng-bind="userEmail +' '+ (textUnsubscribe | translate)"></h4>

AngularJS: translate and multiple ng-bind-html values