代码之家 › 专栏 › 技术社区 › Charles Watson Darin Dimitrov

类函数返回promise$$state对象而不是普通对象?

angular-promise ecmascript-6 angularjs

Charles Watson Darin Dimitrov · 技术社区 · 10 年前

这个问题与之前存在的问题类似,但由于ES6课程的性质,我发现它们不一样。

我有一个返回对象的服务,但它将其作为承诺状态对象而不是普通对象返回,因此数据不可访问。

下面我将展示如何调用函数,并从promise和函数返回,但返回函数返回$q promise而不是内部返回的数据。

class EnterpriseController {
  /*@ngInject*/
  constructor(EnterpriseService, $scope) {
    this.name = 'enterprise';
    this.systemId = 20003
    this.pageLink = '#/enterprise';
    this.$scope = $scope;
    this.EnterpriseService = EnterpriseService;
    this.$scope.data = this.getEnterpriseData();
  }

  getEnterpriseData() {
    this.EnterpriseService.getData().then(function(response) {
      return response.data;
    });
  }
}

EnterpriseController.$inject = ["EnterpriseService", "$scope"];
export default EnterpriseController;

低于$$state级别的任何内容都不可访问。 $$state.value 返回未定义的。

最终,我想访问构造函数中返回的数据,但我只能访问似乎是$q承诺的内容。

2 回复 | 直到 10 年前

Jorawar Singh 10 年前

这是一个你需要解决的承诺。您正在从getEnterpriseData()方法返回承诺

从…起

constructor(EnterpriseService, $scope) {
    this.name = 'enterprise';
    this.systemId = 20003
    this.pageLink = '#/enterprise';
    this.$scope = $scope;
    this.EnterpriseService = EnterpriseService;
    this.$scope.data = this.getEnterpriseData();
  }

  getEnterpriseData() {
   return this.EnterpriseService.getData().then(function(response) {
      return response.data;
    });
  }

到

  constructor(EnterpriseService, $scope) {
    this.name = 'enterprise';
    this.systemId = 20003
    this.pageLink = '#/enterprise';
    this.$scope = $scope;
    this.EnterpriseService = EnterpriseService;
     this.getEnterpriseData().then(function(data){
      this.$scope.data = data;
      console.log(this.$scope.data)
     });
  }

  getEnterpriseData() {
   return this.EnterpriseService.getData().then(function(response) {
      return response.data;
    });
  }

Charles Watson Darin Dimitrov 10 年前

解决方案!

我只需要在初始类上下文中捕获$scope,所以第13行解决了这个问题:

推荐文章

learner · 如果超出限制,AngularJS ui select multiple应显示警报

4 年前

Onyx · 外部和内部div都有ng click,当我单击内部div时,两个ng click都会执行。如何预防?

4 年前

Michlut · Angular JS——从表单上传文件,并作为json对象的一部分与其他数据一起发送

4 年前

jieunbi · 按日期排序数组(最新优先)

4 年前

StackoverflowNinja · 当数字框的值在AngularJS中更改时更改下拉列表的值

4 年前

Stradosphere · 如何防止ng bind html添加结束标记?

8 年前

Celestialchippy · 如果事情是真的,如何创建一个“<a>”链接?

8 年前

a4aravind · Angulari如何使用java驱动程序访问元素?

8 年前

Nicoleta Wilskon · DecodeURIComponent不支持%uxxx编码的组件

8 年前

Nishant Florentin · 在AngularJS中发生ng if、ng show等之后,我该如何做一些动作?

8 年前