AngularJS $parse TypeError: object is not a function

Question

I have stripped my app down to the bare bones but I keep getting this error when using $parse: TypeError: object is not a function

What is wrong? What am I missing?

Seems to work fine in this plunker: http://plnkr.co/edit/WrXv9hT5YA0xYcLLvyDb
Could parse be conflicting with some other module?

Weirder still - it actually does change the value of $scope.modal.on! Even though it appears to die before hand...

/* Controllers */

//var MyApp = angular.module('MyApp', ['ngSanitize', 'ui.bootstrap', 'ui.sortable']);
var MyApp = angular.module('MyApp', ['ngSanitize', 'ui.bootstrap']);


MyApp.controller('MyController', ['$scope', '$http', '$modal', '$parse', function($scope, $http, $parse, $modal, $log) {



    $scope.modal = { 
        open    : false,
        tplfile : null,
        toggle  : function(){ 
            this.open = !this.open; 
            if(this.open) angular.element('body').addClass('modal-open');
            else          angular.element('body').removeClass('modal-open');
        }   
    };

        var modal = $parse('modal.open');
        modal.assign($scope, true);

}]);

Claies · Accepted Answer · 2015-03-06 06:08:53Z

3

You passed in your dependencies in the incorrect order. The dependencies to the function have to match exactly the order in the array.

MyApp.controller('MyController', 
['$scope', '$http', '$modal', '$parse', function
($scope, $http, $parse, $modal, $log) {

If you swap $parse and $modal in your controller declaration, your error will go away. Also, you are missing $log, if you try to use that dependency you will get an error as well.

answered Mar 6, 2015 at 6:08

Claies

22.4k4 gold badges56 silver badges81 bronze badges

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

1 Comment

dmgig Over a year ago

That worked, it was the order. And you won by about 30 secs ;)

mohamedrias · Accepted Answer · 2015-03-06 06:10:30Z

2

['$scope', '$http', '$modal', '$parse', function($scope, $http, $parse, $modal,

The $parse and $modal are interchanged.

Please correct the order and it will work :)

It should be

MyApp.controller('MyController', ['$scope', '$http', '$modal', '$parse', '$log', function($scope, $http,  $modal, $parse, $log) {

answered Mar 6, 2015 at 6:10

mohamedrias

18.6k3 gold badges41 silver badges47 bronze badges

1 Comment

dmgig Over a year ago

You're totally right, that worked. But Claies edged you out by 30 secs. ;) Thanks!

Collectives™ on Stack Overflow

AngularJS $parse TypeError: object is not a function

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related