Angular Translate: $translate undefined in controller

Question

I am using ng-show with a custom function. This function calls '$translate.use'-method inside the controller.

Funny enough, this works for the main-page but not for all other controllers although all of them use the same peace of code.

The console tells me that $translate is undefined.

Here's my peace of code for the index-page:

app.controller('LangCtrl', function ($scope, $translate) {

    $scope.isenglish = function () {
        if ($translate.use() == 'en_US') {
            return true;
        }
        return false;
    }........

and for another controller:

app.controller('selectFormController', ['$scope', '$http', 'storage', '$rootScope', function ($scope, $http, storage, $rootScope, $translate) {

........

  $scope.isenglish = function () {
        if ($translate.use() == 'en_US') {
            return true;
        }
        return false;
    }

I am really puzzled - is anybody able to help me out?

Thanks a lot!!! Steffen

I guess you have a typo.. app.controller('selectFormController', ['$scope', '$http', 'storage', '$rootScope', function ($scope, $http, storage, $rootScope, $translate) { should be app.controller('selectFormController', ['$scope', '$http', 'storage', '$rootScope',' $translate', function ($scope, $http, storage, $rootScope, $translate) { — kanchirk
– kanchirk, Commented May 28, 2015 at 14:44

Aurelio · Accepted Answer · 2015-05-28 14:45:10Z

3

It seems that you're not really injecting $translate, check this out:

app.controller('selectFormController', ['$scope', '$http', 'storage', '$rootScope', '$translate', function ($scope, $http, storage, $rootScope, $translate)

Mind the $translate after $rootScope

answered May 28, 2015 at 14:45

Aurelio

25.9k9 gold badges62 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Steffen Brueckner Over a year ago

embarassing... ;-) THANK YOU

Pankaj Parkar · Accepted Answer · 2016-01-12 11:43:07Z

3

Its working in LangCtrl controller because you directly injecting $translate dependency. But in your selectFormController controller you are using inline array annotation you need to add dependency in array as string(dependency name) first and then you could use it inside the controller function

In short you missed to add $translate dependency in your selectFormController controller.

Code

app.controller('selectFormController', ['$scope', '$http', 'storage', '$rootScope', '$translate', 
function ($scope, $http, storage, $rootScope, $translate) {

edited Jan 12, 2016 at 11:43

answered May 28, 2015 at 14:44

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

Collectives™ on Stack Overflow

Angular Translate: $translate undefined in controller

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related