title: angularjs translate can't use with angular ui router?
body: <p>I am new with Angularjs </p>
  
  <p>and I want to use angular-translate </p>
  
  <p>here is the site</p>
  
  <p><a href="http://pascalprecht.github.io/angular-translate/" rel="nofollow">http://pascalprecht.github.io/angular-translate/</a></p>
  
  <p>I refer it document , and I got the error </p>
  
  <pre><code>Uncaught TypeError: Cannot call method 'useStaticFilesLoader' of undefined from remoteApp 
  </code></pre>
  
  <p>here is my code </p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>angular.module('remoteApp', ['ui.bootstrap', 'ui.router', 'ngResource', 'truncate',    
    'pascalprecht.translate'])
    .config(['$translateProvider', function ($routeProvider, $stateProvider, $urlRouterProvider,      
      $translateProvider) {
  
  $translateProvider.useStaticFilesLoader({
    prefix: 'languange/locale-',
    suffix: '.json'
  });
  
  $translateProvider.preferredLanguage('en');
  $translateProvider.useLocalStorage();
  
  
  $stateProvider
  .state('index', {
      url: "",
      views: {
          "viewA": {
              templateUrl: "views/main.html",
              controller: 'MainCtrl'
          },
          "viewB": {
              templateUrl: "views/appList.html",
              controller: 'MainCtrl'
          },
          "viewC": {
              templateUrl: "views/appTree.html",
              controller: 'ApptreeCtrl'
          }
      },
  
  })
  
  .state('applicatoion', {
      url: "/applicatoion",
      views: {
          "viewA": {
              templateUrl: "views/main.html",
              controller: 'MainCtrl'
          },
          "viewB": {
              templateUrl: "views/appList.html",
              controller: 'MainCtrl'
          },
          "viewC": {
              templateUrl: "views/appTree.html",
              controller: 'ApptreeCtrl'
          }
      }
  })}]);
  </code></pre>
  
  <p>I have no idea about it ,</p>
  
  <p>please help</p>