Nested quotes in an Angular expression

Question

In .js files, triple enclosed quotes ("one'two" three "'") can be escaped ( see this post ), and in HTML this can also be achieved using character references ( see this post ). I have a problem with achieving this in an AngularJS expression in my template.

I need to put this:

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

To placeholder:

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

How do I escape quotes to make it work?

Answer 1

{ GENDER: 'male' } , , .

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

, , .

Answer 2

. Angular docs .

, :

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