I've been diving into the localization section of ng-book and here's my progress so far:
1) I installed angular-translate using bower install
2) I included it in my HTML file using the script tag
<script type="text/javascript" src="js/lib/angular-translate/angular-translate.js"></script>
3) I added the module to my Angular app
var app = angular.module('eva', ['ui.router','ngMaterial','ngMessages', 'controllers', 'factories', 'ngAnimate', '720kb.socialshare', 'pascalprecht.translate']);
4) I configured the translation provider in a separate function
app.config(['$translateProvider', function($translateProvider) {
$translateProvider.translations({
HEADLINE: 'EVA - eet plantaardig!',
INTRO_TEXT: 'And it has i18n support!'
});
}]);
5) For testing purposes, I updated a piece of code in my HTML file to display the translation
<md-button href="#/profile" layout-fill>
{{ 'HEADLINE' | translate }}
</md-button>
6) However, when I run my site, instead of seeing "EVA - eet plantaardig!" as expected, it still shows "HEADLINE".
Any suggestions or insights on what might be going wrong? I'm following the book's instructions, but it seems like something isn't quite right.