在Angular表达式中嵌套引号

Question

在.js文件中，三重嵌套引号（＆＃34;一个＆＃39;两个＆＃34;三个＆＃34;＆＃39;＆＃34;）可以转义（see this post），在HTML中也可以使用字符引用（see this post）来实现。我在模板中的AngularJS表达式中遇到此问题。

我需要说明一下：

{{ 'PLURAL' | translate:"{ GENDER: 'male' }":"messageformat" }}

进入占位符元素：

<input placeholder="{{ 'PLURAL' | translate:"{ GENDER: 'male' }":"messageformat" }}">

我应该如何逃避报价以使其有效？

Answer 1

将{ GENDER: 'male' }置于某个范围变量中，然后在插值指令表达式中使用它，这将更好地简化您的转义。

<强>标记

<div ng-init="maleFilter = { GENDER: 'male' }">
   <input ng-attr-placeholder="{{ 'PLURAL' | translate: maleFilter : 'messageformat' }}">
<div>

希望这可以帮助你，谢谢。

Answer 2

供将来参考。这些角度翻译docs让我感到困惑。

有效的格式是：

placeholder="{{ 'PLURAL' | translate:{gender:'male'}:'messageformat' }}"