title: Angular-gettext translation service doesn't appear to be working.
body: <p>I'm having a really hard time understanding what I'm doing wrong and I'm hoping someone can help. I need to build a small app just to practice with angular-gettext. I followed the tutorial here: <a href="http://lostechies.com/gabrielschenker/2014/02/11/angularjspart-12-multi-language-support/" rel="nofollow">http://lostechies.com/gabrielschenker/2014/02/11/angularjspart-12-multi-language-support/</a> </p>
  
  <p>My project, however, will not translate. I don't get any errors in the console. I have all of the necessary dependencies and everything appears to be working correctly (grunt, bower, etc.), so it must be in the actual code. Probably a curly brace or something. </p>
  
  <p>Here's my app.js file: </p>
  
  <pre><code>var app = angular.module('app', ['gettext']);
  app.controller("TestCtrl", function($scope){
      app.run(function(gettextCatalog){
          gettextCatalog.currentLanguage = 'de';
          gettextCatalog.debug = true;
      });
  
  });
  </code></pre>
  
  <p>Index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  
      &lt;title&gt;Translation Sample&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css"
              href="bower_components/bootstrap/dist/css/bootstrap.css"/&gt;
  &lt;/head&gt;
  &lt;body ng-app="app"&gt;
  &lt;div ng-controller="TestCtrl"&gt;
      &lt;p translate&gt;Welcome to my app&lt;/p&gt;
      &lt;p translate&gt;We want to test globalization and localization&lt;/p&gt;
  &lt;/div&gt;
  &lt;script src="bower_components/angular/angular.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-gettext/dist/angular-gettext.js"&gt;&lt;/script&gt;
  &lt;script src="app.js"&gt;&lt;/script&gt;
  &lt;script src="translations.js"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Gruntfile.js:</p>
  
  <pre><code>module.exports = function(grunt){
      grunt.loadNpmTasks('grunt-angular-gettext');
  
      grunt.initConfig({
          nggettext_extract:{
              pot: {
                  files: {
                      'po/template.pot': ['**/*.html']
                  }
              }
          },
          nggettext_compile:{
              all: {
                  files: {
                      'translations.js': ['po/*.po']
                  }
              }
          }
      })
  };
  </code></pre>
  
  <p>Translations.js:</p>
  
  <pre><code>angular.module('gettext').run(['gettextCatalog', function (gettextCatalog) {
      gettextCatalog.setStrings('de', {
          "We want to test globalization and localization":"Wir wollen testen, Globalisierung und Lokalisierung",
          "Welcome to my app":"Willkommen auf meiner App"
      });
  }]);
  </code></pre>
  
  <p>I know this is long. Thanks for reading and thanks in advance for any suggestions. </p>