angular js ui-route not working after minify angular app

Question

Hello I have made app using angular, I have used ui-router for routing, I have minified the whole angular app using gulp-uglify.

After minifying app, my child route(nested route) of ui-router is not rendering view, main parent routes are working properly.

Can some one suggest me what to do here is my route sample:

.state('masterPage', {
  url: "",
  abstract: true,
  templateUrl: 'src/app/Client/common/fullPage.html'
}).state('masterPage.userProfile.dashboard', {
  url: "/dashboard",
  templateUrl: "src/app/Client/userProfile/dashboard/index.html",
  controller: "userDashboard",
  controllerAs: 'vm'
})

Please show the definition of the controller userDashboard. This usually happens because of injected dependencies getting mangled in the min process. Look at the warning under implicit annotation here: docs.angularjs.org/guide/di — Dustin Hodges
– Dustin Hodges, Commented Sep 18, 2017 at 15:55

Nimit Khandelwal · Accepted Answer · 2017-09-18 16:00:36Z

1

When you minify the the app, It breaks the dependency injection. After minifying $scope is no longer $scope, they are minified variable like e or a. Which doesn't makes any sense for angularJS. To resolve this you can use ng-annotate for gulp and grunt and comment functions that need automated dependency injection using /* @ngInject */

Go through this link for more details about it. AngularJs Minification and Annotation

answered Sep 18, 2017 at 16:00

Nimit Khandelwal

9925 silver badges5 bronze badges

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

Collectives™ on Stack Overflow

angular js ui-route not working after minify angular app

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related