javascript - 如何在 Angular2 中对成功的 HTTP 请求使用回调函数？

Question

我正在从服务获取详细信息并将其分配给 loginDetailsArray 数组。现在我只需要在成功获取数据后调用functions()。我只是试图直接调用 functions()，但它在获取数据之前正在读取该函数。我正在考虑在这里使用回调函数。但作为新手，我不知道如何获得它。提前致谢。

loadLoginDetails() {

  this.customerService.getLoginDetails().subscribe(res => {

    this.loginDetailsArray = res.json();
  });
}


functions() {

    var minLength = this.loginDetailsArray.rules.username.minlength;
    var maxLength = this.loginDetailsArray.rules.username.maxlength;
    var pattern = this.loginDetailsArray.rules.username.pattern;
    }

Answer 1

使用您的服务时，您会收到 3 个响应，1 个响应数据，1 个响应错误，1 个响应调用完成。

loadLoginDetails() {
    this.customerService.getLoginDetails().subscribe(
        res => {
            //Code if your response has data.
        },
        error => {
            //Code if your response has error.
        },
        () => {
            //Code when your request is finished.
        }
    );
}

您可以从

中调用您的函数

res => {}

如果你想让它只在你有成功的响应时运行，如果你想不管你的响应如何运行它，从

() => {}

问候!