Angular-tranlsate is not properly loading with Ionic

Hi all, I started working with Ionic and I have found it to be great. I setup ngCordova perfectly and now I’ve been having some troubles with angular-translate I follow the docs. But still I can get it working. This how I have things setup so far.


<script src="lib/ionic/js/ionic.bundle.js"></script>
<script src="lib/ngCordova/dist/ng-cordova.min.js"></script>
<!-- ionic/angularjs js -->
<script src="lib/angular-cookies/angular-cookies.min.js"></script>
<script src="lib/angular-translate/angular-translate.min.js"></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>

<!-- your app's js -->
<script src="js/app.js"></script>
  <body ng-app="app">


angular.module('app', ['ionic',

.run(function($ionicPlatform) {
  $ionicPlatform.ready(function() {
    if(window.cordova && window.cordova.plugins.Keyboard) {
    if(window.StatusBar) {


.config(function ($stateProvider, $urlRouterProvider, $translateProvider) {

    'test' : 'Some text'


    .state('welcome', {
      url: "/welcome",
      templateUrl: "templates/welcome.html",
      controller: 'WelcomeController'


.controller('WelcomeController', function ($scope) {

  $scope.someFunction = function () {


<ion-content scroll="false" has-bouncing="false">
    {{ 'test' | tranlsate }}

This is the error I’m getting:

Error: [$injector:unpr] Unknown provider: tranlsateFilterProvider <- tranlsateFilter$injector/unpr?p0=tranlsateFilterProvider%20%3C-%20tranlsateFilter
    at ionic.bundle.js:8762
    at ionic.bundle.js:12696
    at Object.getService [as get] (ionic.bundle.js:12843)
    at ionic.bundle.js:12701
    at Object.getService [as get] (ionic.bundle.js:12843)
    at null.$filter (ionic.bundle.js:25233)
    at Parser.filter (ionic.bundle.js:20830)
    at Parser.filterChain (ionic.bundle.js:20824)
    at Parser.statements (ionic.bundle.js:20803)
    at Parser.parse (ionic.bundle.js:20660)

Any help or tip that could point in the right direction would be really helpfull

I think you just forgot to import $translate in your controller.
Something like:

.controller('WelcomeController', function ($scope, $translate) {

  $scope.someFunction = function () {