行分隔符-JSON到HTML，带有Angular和pascalprecht.translate

Question

为我的英语不好提前道歉。。

我在HTML页面中显示行分隔符时遇到问题
我使用AngularJS和翻译模块：pascaleprecht.translate。
我希望在翻译中使用行分隔符

所以我的角度文件是：

Betizy.config(function ($translateProvider) {
$translateProvider.translations('fr', {
'header.betizy': 'BetIzy',
'header.login': 'Se connecter',
'header.register': "S'inscrire",
'login.error' : "Le nom d'utilisateur ou le mot de passe est incorrect.",
'login.username' : "Nom d'utilisateur",
'login.password' : "Mot de passe",
'login.button': "Valider",
'register.error' : "Une erreur est survenue lors de l'inscription. u2028 Veuillez contacter un administrateur.",
'register.username' : "Nom d'utilisateur",
'register.password' : "Mot de passe",
'register.email' : "Adresse e-mail",
'register.button': "Valider"
});

问题是这条线：

'register.error' : "Une erreur est survenue lors de l'inscription. u2028 Veuillez contacter un administrateur.",

我的HTML页面中的结果很奇怪。我的行分隔符存在，并且可以被我的浏览器识别，但只能部分识别。

这是我的HTML页面

提前感谢您的帮助！：)

Answer 1

更新：

通过在翻译表中将u2028替换为<br>，并在HTML模板中将{{"'register.error' | translate"}}替换为ng-bind-html="'register.error' | translate"来解决问题(请参阅注释)。

---

可能是因为您使用了

$translateProvider.useSanitizeValueStrategy('sanitize');

我建议要么去掉那条线，要么用代替

$translateProvider.useSanitizeValueStrategy('sanitizeParameters');