how to translate the html5 placeholders dynamically

angularjs internationalization translate
praveenpds picture praveenpds · Jan 9, 2014 · Viewed 45.3k times · Source

I'm using angular-translate to translate the page content in to different languages.

<input  type ='text' placeholder = ' {username | translate}'>

This works fine when the page loads ..but it fails to translate when I use $translate.uses('fr') depending upon language dropdown changes.

Can any one kindly suggests the solution to translate the placeholders while the language changes dynamically ?

Answer

DrDyne picture DrDyne · Feb 21, 2014

Did you try:

<input type="text" placeholder="{{ 'my.i18n.key' | translate }}" ng-model="myModel">

Related questions

angular-translate does not display character accent or umlaut correctly

I started using angular-translate. Works great! But a translated character � is displayed for characters with umlaut or accent or ... (like ü or ú or ñ). These same character values are displayed correctly in HTML text and as AngularJS variables. Here's a sample output. …

Read More
Internationalization with angularjs

I'm thinking of moving my site to angularjs, and I want to start very small, by moving all my static server-side plain-text templating from django to angular (otherwise there will be syntax trouble with the '{{}}'). It seems that …

Read More
Angular translate variable replacement

I would like to use a variable in my translation but I don't know how to do it in my template. In my HTML template : <md-input-container class="md-block"> <md-autocomplete md-no-cache="vm.noCache" md-search-text="user.searchUser" md-items="userItem …

Read More