代码之家 › 专栏 › 技术社区 › Reed

将订阅结果作为承诺返回

typescript angular

Reed · 技术社区 · 6 年前

return new Promise...

error TS2322: Type '{}' is not assignable to type 'UserPurchasedPlan[]'. Property 'includes' is missing in type '{}'.

下面是我尝试的代码。在Angular5.2和CLI版本1.6.8中工作。

export class LicensesComponent implements OnInit {

  constructor(private _paymentService: PaymentService) { }

  purchasedPlans: UserPurchasedPlan[] = [];

  async GetPurchasedPlans(): Promise<UserPurchasedPlan[]> {
    return new Promise((resolve, reject) => {
      const sub = this._paymentService.GetPurchasedPlans().subscribe(
        response => {
          resolve(response);
          sub.unsubscribe();
        },
        err => {
          reject(err);
          sub.unsubscribe();
        }
      );
    });
  }

  ngOnInit() {
    this.GetPurchasedPlans().then(
      plans => {
        this.purchasedPlans = plans;
      }
    );
  }

}

2 回复 | 直到 6 年前

Korfoo 6 年前

把它转换成 Observable this._paymentService.GetPurchasedPlans() 给一个 Promise 具有 toPromise() 然后你可以改变 ngOnInit() 致:

ngOnInit() {
  this.GetPurchasedPlans().toPromise().then(
    plans => {
      this.purchasedPlans = plans;
    }
  ).catch((err) => console.log('Error: %s', err));
}

全班同学:

export class LicensesComponent implements OnInit {

  constructor(private _paymentService: PaymentService) { }

  purchasedPlans: UserPurchasedPlan[] = [];

  ngOnInit() {
    this._paymentService.GetPurchasedPlans().toPromise().then(
      plans => {
        this.purchasedPlans = plans;
      }
    ).catch((err) => console.log('Error: %s', err));
  }
}

Ilyas karim 6 年前

你可以这样做:

async GetPurchasedPlans(): Promise<UserPurchasedPlan[]> {
  return this._paymentService.GetPurchasedPlans()
    .pipe( 
        map((response) => {  // <- Import this map from 'rxjs/operators'
            const mappedResponse: UserPurchasedPlan[] = [] // <- Here you need to map your response to UserPurchasedPlan[]
            return mappedResponse;
        })
    ).ToPromise();
}

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

2 年前

Kael · 在html表格中显示关系api数据-角度

2 年前