title: Angular-Translate Partial loader isn't working
body: <p>I'm using AngularJS translate, and If I use it as says the tutorial from pascalprecht my angular app fail and it doesn't show anything (it doesn't load partial views), so I decided to use angular-translate-partial-loader</p>
  
  <p>I have one app menu, and I have a MenuCtrl to display options, I want to translate this menu</p>
  
  <p>Here Is my code</p>
  
  <pre><code> angular.module('myapp'['ngAnimate','ngAria','ngCookies','ngMessages','ngResource','ngRoute','ngSanitize', 'ngTouch', 'pascalprecht.translate'])
  .value('language', 'bra')
  .run(function ($rootScope, $translate) 
  {
    $rootScope.$on('$translatePartialLoaderStructureChanged', function () 
          {
            $translate.refresh();
          }
      );
  })
  .config(function($translateProvider, $translatePartialLoaderProvider) {
  $translateProvider.useLoader('$translatePartialLoader', {
    urlTemplate: 'translations/{lang}/{part}.json'
  });
  $translateProvider.preferredLanguage("bra");
  })
  .config(function ($routeProvider) {
  $routeProvider
    .when('/', {
      templateUrl: 'views/main.html',
      controller: 'MainCtrl'
    })
    .when('/about', {
      templateUrl: 'views/about.html',
      controller: 'AboutCtrl'
    })
    .otherwise({
      redirectTo: '/'
    });
  });
  
  angular.module('myapp')
  .controller('MenuCtrl', function ($scope, $translatePartialLoader) {
  
         $translatePartialLoader.addPart('menu');
  
          $scope.lItems = [
                      {
                          title: "HOME",
                          class:'active',
                          href:'/',
                          visible: true
                      },
                      {
                          title: "CLASSROOMS",
                          class:'',
                          href:'#',
                          visible: true
                      },    
                      {
                          title: "EXPENSES",
                          class:'',
                          href:'#',
                          visible: true
                      },
                      {
                          title: "EARNINGS",
                          class:'',
                          href:'#',
                          visible: true
                      },
                      {
                          title: "STUDENTS",
                          class:'',
                          href:'#',
                          visible: true
                      }
                  ];
  
  
   });
  </code></pre>
  
  <p>In index.html</p>
  
  <pre><code>            &lt;div id="navbar" class="navbar-collapse collapse" ng-controller="MenuCtrl"&gt;
                  &lt;ul class="nav navbar-nav" ng-repeat="lItem in lItems"&gt;
                      &lt;li class="{{lItem.class}}"&gt;&lt;a href="{{lItem.href}}"&gt;{{lItem.title |   translate}}&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>Can you help me?</p>
  
  <p>Thanks!</p>