$ routeProviderの解決が約束からオブジェクトを取得していません

Question

約束からオブジェクトの配列を取得しようとしています。私には2つの問題があります。まず、GetAccounts()がAccountServiceで呼び出されると、2つのオブジェクトが返されます。解決策では、変数の結果をチェックすると、2つのオブジェクトがありません。第二に、コントローラがインスタンス化されると、このエラーが表示されます。アカウントが定義されていません。誰かが私が間違っていることを教えてもらえますか？前もって感謝します。

AccountService.js

app.factory('AccountService', ['$http', function ($http) { 
    return { 
     GetAccounts: function() { 
      return $http.get('api/Account/GetAccounts') 
      .then(function success(response) { 
       return response.data; 
      }, function error(response) { 
       return console.log("Oops!"); 
      }); 
     } 
    }; 
}]); 

AdminController.js

app.component('admin', { 
    templateUrl: 'Content/app/components/admin/Admin.html', 
    bindings: { 
     accounts: '<' 
    }, 
    controller: function() { 
     this.accounts = accounts; 
    } 
}) 

RO ute.js

app.config(['$routeProvider', function ($routeProvider) { 
    $routeProvider.when('/admin', { 
     template: '<admin accounts="$resolve.GetAccounts"></admin>', 
     resolve: { 
      GetAccounts: ['AccountService', function (AccountService) { 
       var result = AccountService.GetAccounts(); 

       return result; 
      }] 
     } 
    }) 
}]); 

Answer 1

は、それが動作を取得するには、以下の変更を行います。

AdminController.js

app.component('admin', { 
    templateUrl: 'Content/app/components/admin/Admin.html', 
    bindings: { 
     accounts: '<' 
    } }) 

route.js

app.config(['$routeProvider', function ($routeProvider) { 
    $routeProvider.when('/admin', { 
     template: 'template.html', 
     resolve: { 
      GetAccounts: ['AccountService', function (AccountService) { 
       var result = AccountService.GetAccounts(); 

       return result; 
      }] 
     }, 
     controller:['$scope','GetAccounts',function($scope, GetAccounts){ 
      $scope.accounts = GetAccounts; 
     }] 
    }) 
}]); 

template.html

<div> 
<admin accounts="accounts"></admin> 
</div>