angularjs resolve is undefined

Question

so in my state, i have

    angular.module('app', ['ui.router', 'chart.js'])
        .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
            $urlRouterProvider.otherwise('/');
            $stateProvider
                .state('home', {
                    url: '/home',
                    component: 'home',
                    resolve: {
                        data: ['$http', function ($http) {
                            return $http.get('some api call')
                                .then(function (response) {
                                    console.log("this is the response", response);
                                    return response;
                                });
                        }]
                    }
                });
        }]);

then i get the proper response back. but when i check my resolve in here,

angular.module('app')
    .component('home', {
        templateUrl: 'Content/app/components/home.html',
        bindings: {
            resolve: '<'
        },
        controller: [
            function () {
                var vm = this;
                vm.$onInit = function () {
                    console.log("this is the resolve", vm)

                }

            }]
    });

i see that my resolve is undefined. Am i doing something wrong?

Tristan Hessell · Accepted Answer · 2017-11-20 03:40:49Z

1

$stateProvider will bind what you specify inside the resolve object to your component, rather than binding the whole resolve object itself.

angular.module('app')
  .component('home', {
    templateUrl: 'Content/app/components/home.html',
    bindings: {
        data: '<'
    },
    controller: [
      function () {
        var vm = this;
        vm.$onInit = function () {
          console.log("this is the resolve", vm)
        }
      }]
  });

Documentation link: https://ui-router.github.io/ng1/docs/latest/interfaces/state.statedeclaration.html#as-an-object

edited Nov 20, 2017 at 3:40

answered Nov 20, 2017 at 3:33

Tristan Hessell

95010 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

angularjs resolve is undefined

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