Доступ к объекту разрешения в контроллере

Question

Я оттягиваю некоторые данные, зависящие от маршрута, и JSON возвращается с сервера отлично, но я не уверен, как получить доступ к объекту, когда я нахожусь в контроллере. Я пробовал несколько разных вещей, например, вставьте .then() внутри решения, но это не сработало.

resolve: { 
      menus: function ($http) { 
       var httpSource = this.httpSource = location.protocol + '//' + location.hostname; 
       const url = `${this.httpSource}/api/package/menus`; 
       return $http.get(url); 
      } 
     } 

Я также попробовать это

resolve: { 
      menus: function ($http) { 
       var httpSource = this.httpSource = location.protocol + '//' + location.hostname; 
       const url = `${this.httpSource}/api/package/menus`; 
       var menuData; 
       $http.get(url).then(response => { 
        menuData = response.data.Data; 
       }) 
       return menuData; 
      } 
     } 

Я просто не могу понять, как загрузить его в собственность контроллера.

Я пытался следовать этому, но переменная не вводится в конструкторе - https://medium.com/opinionated-angularjs/advanced-routing-and-resolves-a2fcbf874a1c#.2xzq32cwo

попытке загрузить его с

this.menuData = $state.current.resolve.menus; 

И я в конечном итоге с этим объектом.

"$http", function $stateProvider.state.state.resolve.menus($http)] 

Я уверен, что есть что-то фундаментальное я здесь отсутствует, но, будучи новым для Угловое, я не вижу его. В принципе, мой объект - это полное определение функции, а не данные return.Data.

My controller constructor.

static $inject = ['PackageService', '$stateParams', '$state', 'menus']; 
constructor(packageService: Service.IPackageService, $stateParams, $state, DTOptionsBuilder, DTColumnDefBuilder, public logger: ILogger, public menus: any) { 

Answer 1

Существует a working example

Это должно быть нашим контроллером:

namespace myNamespace 
{ 
    export class MyController 
    { 
     public MenuData: any[]; 

     // strict notation support, for minification 
     static $inject = ['$scope', 'menus']; 

     // here we will get the resolved menus 
     constructor(
      protected $scope: ng.IScope, 
      protected menus: ng.IHttpPromiseCallbackArg<any>) 
     { 
      this.MenuData = menus.data    
     }  
    } 
} 

И это наше государство

.state('home', { 
     url: "/home", 
     templateUrl: 'template.html', 
     controller: myNamespace.MyController, 
     controllerAs: 'Ctrl', 
     resolve: { 
     // real example returning some data from data.json 
     menus: function ($http) { 
     var url = "data.json"; 
     return $http.get(url); 
     } 
     } 
}) 

И теперь мы можем потреблять выше в шаблоне

<pre>{{Ctrl.MenuData | json }}</pre> 

Проверить это here in action

Answer 2

Я не совсем понимаю, как вы используете вашу решимость, но вот простой пример, как я это сделал в последнее время:

В моей службы:

myApp.service('mainService', function ($http, $q) { 
    this.getStarWarsData = function() { 
    var myPromise = $q.defer(); 
    $http({ 
      method: "GET", 
      url: "http://swapi.co/api/people/" 
     }).then(function(response) { 

     var parsedResponse = response.data.results; //Your code will be different here depending on the object you're getting back 


     console.log(parsedResponse); 
     console.log("this is the type of the pr", typeof(parsedResponse)) 

     //this bit below is just manipulating the parsed response to obtain the data I wanted 
     var emptyArr = []; 

     for(var i = 0; i < parsedResponse.length; i++) { 
      emptyArr.push({ 
       Name: parsedResponse[i].name, 
       Eyes: parsedResponse[i].eye_color, 
      }) 
     } myPromise.resolve(emptyArr); 
    }) 

    return myPromise.promise; 
    } 
    }) 

И контроллер

myApp.controller("myController", ["$scope", "mainService", function($scope, mainService){ 
     $scope.getData = function() { 
      mainService.getStarWarsData() 
       .then(function(response){ 
       console.log("this is a response in our controller", response) 
       $scope.peoples = response; 
      }) 
     } 
    }]);