如何在 AngularJS 中从服务返回数据作为承诺?

Question

我正在尝试从服务发送数据作为对控制器的承诺，但在尝试了一些选项后没有运气。默认情况下，http 服务返回一个承诺，但我想将数据作为承诺从一个控制器发送到另一个控制器。我的服务类如下所示：add 函数用于从另一个控制器设置数据，get 函数用于在另一个控制器中获取该数据。

服务业

return {

add : function(incategories){
categories=incategories;
console.log(subcategories)
},
addcatname:function(incat){
category=incat
console.log(category)
},

get : function(){
return categories;
console.log(category)
},
getcatname:function(){
return category;
},

从控制器获取数据的函数如下所示。

控制器

vm.getSub=function(){
vm.category=CategoryService.getcatname();
vm.subcategories=CategoryService.get();
vm.index = 0;
vm.array1 = [];
for(var i=0; i<vm.subcategories.length/2;i++)
vm.array1.push(i);    
return true;
}

设置值的代码为：

vm.submit=function(category){
subCategoryService.getsubCategories(category).then(function (response) 
{
console.log(response)
CategoryService.addS(response.data.data.category_name);
CategoryService.addsub(response.data.data.sunbcategories);

})
$location.path('/subcategory');    
}

我的网页

<h1 class="header">{{'CATEGORY'|translate}}</h1><br>
<div ng-controller="CategoriesController as catCtrl" class="category-content">
<table class="table-content" class="category-content" ng-show="catCtrl.getcategories()">
<tr ng-repeat="i in catCtrl.array"  ng-init="index = i*2">
<td layout-align="space-around center" ng-repeat="category in catCtrl.categories.slice(index,index+2)" >

<md-button md-whiteframe="6" ng-click="catCtrl.submit(category)" class="category-button"  aria-label="{{category}}">
<div class="category-button-text-translation">{{category|uppercase| translate}}</div>
<img ng-src="assets/images/categories/{{category}}.png" alt="{{category}}">
<div class="category-button-text-english">{{category|lowercase}}</div>
</md-button>
<span flex></span>
</td>
</tr>
</table>
</div>

来自subCategoryService.getsubCategories(category(的数据来自$http服务，在获得该数据后，我在服务中设置值，以便另一个控制器可以访问它们。

现在，我希望函数的前两行将数据作为服务的承诺接收。我将如何实现此目的？以前，每次我获取数据都是从$http服务中获取的，所以我没有问题，但现在我有点迷路了。谢谢！！

Answer 1

如果你想让get和getcatname自定义承诺，你应该使用$q服务。为此，请在您的服务上注入$q服务并使用如下用途

getcatname:function(){
//$q please inject $q on your service
̶l̶e̶t̶ ̶d̶e̶f̶e̶r̶ ̶=̶ ̶$̶q̶.̶d̶e̶f̶e̶r̶(̶)̶;̶
̶d̶e̶f̶e̶r̶.̶r̶e̶s̶o̶l̶v̶e̶(̶c̶a̶t̶e̶g̶o̶r̶y̶;̶)̶
return ̶d̶e̶f̶e̶r̶.̶p̶r̶o̶m̶i̶s̶e̶;̶ $q.resolve(category);
}

在控制器中，您可以通过承诺回调获取此类别

CategoryService.getcatname.then(function(response){
vm.category=response;
});

https://docs.angularjs.org/api/ng/service/$q