AngularJS: Best way to handle language file

Question

I have a bunch of static content, labels, error messages, I want to get this out of the application as they are currently hard coded. What is the best practice for doing so?

I don't need a full i8n solution, just a single language file that is easier to edit than hard coding it into the application.

moribvndvs · Accepted Answer · 2014-01-13 19:13:42Z

2

There is a separate module called angular-translate that lets you define localizable strings and a filter to retrieve the correct string from the current locale to display in your view. I'm not sure what you mean by "single language file", but this supports entering strings in your config via a table or loading the strings for a locale from a file.

Simple example from the guide (loading strings from a table):

var app = angular.module('myApp', ['pascalprecht.translate']);
app.config(['$translateProvider', function ($translateProvider) {
  $translateProvider.translations('en', {
    'TITLE': 'Hello',
    'FOO': 'This is a paragraph',
  });

  $translateProvider.translations('de', {
    'TITLE': 'Hallo',
    'FOO': 'Dies ist ein Paragraph'
  });

  $translateProvider.preferredLanguage('en');
}]);

In your view, just use the filter syntax:

<h1>{{ 'TITLE' | translate }}</h1>
<p>{{ 'FOO' | translate }}</p>

edited Jan 13, 2014 at 19:13

answered Jan 13, 2014 at 19:01

moribvndvs

42.5k12 gold badges138 silver badges152 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS: Best way to handle language file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related