Angular.js (angular-ui) : "resolve" not returning anything in the child component

Question

While trying to get data from the "resolve" object. I cannot get anything from what is found in the parent component.

Structure

partner-component
- partner-list-component

Result

Parent code

  function partnerCtrl($uibModal, get, role, loader, toastr, $translate) { ...
  vm.search = () => {
    loader.show();
    get.searchUser(vm.userId, vm.type).then((res) => {
      if (res.data.d.results.length) {
        const modalInstance = $uibModal.open({
          animation: true,
          ariaLabelledBy: 'modal-title',
          ariaDescribedBy: 'modal-body',
          component: 'partnerList',
          size: 'lg',
          resolve: {
            items() {
              return res.data.d.results;
            },
          },
        });
   }

Child code

function partnerListCtrl($scope, uiGridConstants) {
    const $ctrl = this;

    $ctrl.items = this.resolve.items;

    this.gridOptions = {...},
        ],
        data: this.resolve.items,
    };

   ...
}

Mark Clark · Accepted Answer · 2021-06-15 20:49:43Z

0

items should be a named property in your resolve's members

...
resolve: {
    items: () => {
        return res.data.d.results;
    },
},
...

Note that it is an arrow function to ensure res is still in scope.

Lastly, you should be able to have this resolved value injected into your controller's constructor. When declaring the controller, the injection token string is the same as the member name in your resolve object, in this case "item"

function partnerListCtrl($scope, uiGridConstants, items) {
    const $ctrl = this;

    $ctrl.items = items;

    this.gridOptions = {...},
        ],
        data: this.resolve.items,
    };

   ...
}

app.controller("partnerList", ["$scope", "uiGridConstants", "items", partnerListCtrl]);

edited Jun 15, 2021 at 20:49

answered Jun 15, 2021 at 20:40

Mark Clark

5434 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Angular.js (angular-ui) : "resolve" not returning anything in the child component

Structure

Result

Parent code

Child code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Structure

Result

Parent code

Child code

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related