Problems with angular 1.6.x: this.actionLabels is not a function

[angular-tools]

Hi,

I'm getting this error ever since I've upgraded to Angular v1.6.x: this.actionLabels is not a function.

I even tried the homepage demo with the new version of Angular and the same error is showing. If I revert the Angular version, the error goes away.

Any ideas what is causing this and how to fix it?

Thanks, San

[monsieur-ricky]

Facing the same problem...

[xitasoappdev]

+1

[theoomoregbee]

me too trying to go around it nothing seems to work

[theoomoregbee]

finally gotten a way around it is the bindToController that is causing it , commented it out and changed the dist .js file to not use it again

[theoomoregbee]

//bindToController: true,
	            controllerAs: 'vm',
	            controller: function($timeout, $scope) {
	            var self = this;  


               //get values for non eval boolean variables
				this.imageUrl = $scope.imageUrl;
				this.width = $scope.width;
				this.height = $scope.height;
				this.zoomStep = $scope.zoomStep;

               // Get action labels.
               this.actionLabels = $scope.actionLabels();

               // Get callback.
               this.apiCallback = $scope.api();
               this.cropCallback = $scope.cropCallback();

               // Eval for boolean values.
               this.fitOnInit = eval($scope.fitOnInit);
               this.centerOnInit = eval($scope.centerOnInit);
               this.checkCrossOrigin = eval($scope.checkCrossOrigin);
               this.showControls = eval($scope.showControls);




	          this.init = function() {
	            this.target = this.element;
	            this.api = new Cropper(self);
	          }`

[tomchi89]

theo4u it is works but throwing another issue with scope so I would not recommended that options as a fix. If for some reason you cannot downgrade angular to 1.5.x you can add this configuration to allow bindings back outside $onInit.

.config(($compileProvider) => { 'ngInject'; $compileProvider.preAssignBindingsEnabled(true); });

But I would consider this as temporary solution as this config can work for entire app.

[theoomoregbee]

@tomchi89 cool, about the scope issue , what kind of issue is thrown , so i know

[victorhazbun]

angular.js:15168 TypeError: this.actionLabels is not a function at new controller (imageCropperDirective.js:31) at Object.invoke (angular.js:4775) at S.instance (angular.js:11007) at n (angular.js:9793) at g (angular.js:9069) at n (angular.js:9373) at g (angular.js:9069) at angular.js:8968 at angular.js:9862 at d (angular.js:9169) undefined 

​