在 Angular 表达式中嵌套引号答案

【问题标题】：Nesting quotes in Angular expression在 Angular 表达式中嵌套引号
【发布时间】：2015-05-09 05:51:56
【问题描述】：

在 .js 文件中，三重嵌套引号 ("one'two"three"'") 可以转义 (see this post)，而在 HTML 中，这也可以使用字符引用 (see this post) 来实现。我在模板中的 AngularJS 表达式中实现这一点时遇到问题。

我需要把这个：

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

放入占位符元素：

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

我应该如何转义引号以使其正常工作？

【问题讨论】：

【解决方案1】：

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

标记

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

希望对你有帮助，谢谢。

【讨论】：

【解决方案2】：

供日后参考。这些 Angular Translate docs 让我感到困惑。

有效的格式是：

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

【讨论】：