Angular -如何在加载组件之前等待provider get请求完成？

文章/答案/技术大牛

发布

1回答

javascript、angular

我将这个播放器文件导入到侧边栏组件中，现在是应用程序错误。问题是应用程序在player.ts中完成get请求之前就加载了侧边栏组件。我首先在我的app.module中初始化player.ts文件。如果有，我可以提示应用程序等待，然后再加载组件？我尝试使用await javascript关键字，但似乎所有的组件和导入的文件都是从app.moudle异步加载的。await this.p

浏览 12提问于2020-01-16得票数 3

1回答

使用需要异步初始化的提供程序引导Angular 2应用程序

angular、bootstrapping

我想将我的Angular 2应用程序配置保存在一个单独的config.json文件中，该文件在应用程序启动时加载。import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'

浏览 2提问于2017-03-24得票数 0

1回答

然后视图加载，dataService.favourites的初始值是一个空数组，而不是getFavourites函数返回的更新值，然后该函数执行.then块并从数据库中获取数据，但此时为时已晚，因为控制器已经使用工厂中的原始空数组进行了初始化'favourites', function (err, docs) { res.status(400).send("Couldn't getgetFavourites: function () { $h

浏览 12提问于2020-05-08得票数 0

回答已采纳

1回答

角2-如何在等待http请求完成时阻止GUI呈现

javascript、angularjs、html、angular、typescript

可以等待呈现GUI/组件，并在任务完成时显示它。 <body> <app>Laddar...<&

浏览 1提问于2016-09-14得票数 4

回答已采纳

1回答

从异步API调用设置React上下文中的数据

reactjs、rest、asynchronous、synchronization

我正在尝试使用一个GET API请求，用来自后端的数据初始化一个自定义的React上下文。但是，上下文是在API调用完成数据获取之前加载的。我尝试的是使用消费者将数据发送给子组件，但我只能访问上下文的默认值，该值是在创建上下文时设置的。= null){ <AffiliateContext.Provider value={data}> </Affiliate

浏览 18提问于2019-10-02得票数 17

回答已采纳

4回答

vuejs组件创建的等待数据首先加载。

vuejs2、vue-router

我有一个App.vue组件，我想在其中加载当前登录的用户。我还希望当用户尝试进入登录路由时重定向，并且当前登录的用户已经保存在上下文中(他已经注册了)。created方法中检查是否设置了currentUser，但是当用户尝试转到登录页面时，可能没有完成对当前用户的请求。我的问题是：如何在加载App.vue组件之前等待加载数据？AuthService.getCurrentUser().then(currentUser

浏览 17提问于2017-10-23得票数 14

回答已采纳

1回答

Rxjs在订阅结束后完成代码

angular、observable、rxjs6、rxjs-pipeable-operators、rxjs-observables

我有一个Angular应用程序(9)，并且有多个组件请求rest上的计算操作，并在不同的编辑器中显示结果。现在，在发出请求之前，我调用了一个加载面板，在请求完成之后，我将加载面板隐藏在finalize回调中。如下所示： this.isloading = false; httpclient.get('http://localhost/calculate').pipe(f

浏览 7提问于2020-04-02得票数 0

1回答

在ngOnDestroy函数中调用时如何等待api调用的完成？

javascript、angular、lifecycle

我有一个场景，在销毁特定组件之前，我必须将数据发送到api (数据库)。正如它在angular2生命周期中所描述的那样，在组件被破坏并称为ngOnDestroy之前，将执行一种方法。但是，正如文档中所指定的那样，这是一个空函数，因此它不会等待某些结果返回。我的问题是如何在ngOnDestroy函数中执行对api的调用并等待它完成？如果我只调用update函数，它就能工作，但是当我从一个组件路由到另一个组件<

浏览 2提问于2017-09-13得票数 4

回答已采纳

1回答

有没有办法在新的angular应用程序中找到pendingReuests

angularjs、selenium

我正在尝试使用selenium自动化一个angular应用程序。在运行selenium脚本之前，我希望等待应用程序完全加载。我使用以下代码来完成此操作，但在应用程序更新到新的angular版本后，我无法使用此方法获取挂起的请求。我试着寻找了几天的解决方案，但没有找到任何解决方案。提前感谢:) angular.element(document).injector().get('$http').pendingReque

浏览 5提问于2021-01-03得票数 0

2回答

角度优化: APP_INITIALIZER如何从外部发出的超文本传输协议请求中读取响应

angular

我正在尝试在Angular站点中进行性能优化，并将调用HTTP请求作为Index.html的一部分，以并行获取数据以加载Angular Javascript应用程序。一旦HTTP请求完成，我将设置值'window.appData‘。我想让APP_INITIALIZER等到window.appData被设置后再返回promise。有时这是有效的；如果HTTP请求是完整的；但如果http请求不完整。我希望APP_Initializer保持轮询，

浏览 2提问于2019-06-12得票数 0

2回答

如何在Angular* 2+ /7 Typescript中显示(最初)加载屏幕并隐藏(例如3) get请求被解析时*

angular、typescript、promise、observable、angular7

我是Angular 7的新手，我试图在加载app(根)组件时显示加载屏幕，然后我有两个组件Get1和Get2，它们分别调用2 Get http request。当两个Get请求都完成时，如何隐藏加载栏。在AngularJS术语中，我们有一个promise.all来知道何时完成了所有请求，就像这样在Angular中使用可观察对象做

浏览 37提问于2019-04-11得票数 -1

回答已采纳

2回答

在Angular中取消反弹HTTP请求

angular

我在Angular 2中构建了一个加载微调器组件，我希望在发出http请求之前触发它，并在请求完成时禁用它。问题是，每次用户更改输入(选中框，在输入框中键入)时，都会触发http请求。这意味着有很多请求，覆盖层不断出现。我想等一段时间(半秒？)在触发http请求之前触发输入之后，给予用户时间来输入其他输入。我已经读了一点关于debounce的文章，但据我所知，在提出另一个请求<em

浏览 6提问于2017-02-04得票数 9

回答已采纳

1回答

如何在app bootstrap或init之前执行HTTP请求？

angular

在我的Angular 2应用被引导和初始化之前，我需要执行一个HTTP GET请求。如果不能访问Angular http模块，我如何做到这一点？也许有一种方法可以在等待响应的情况下对应用程序组件进行初始化？

浏览 0提问于2016-12-13得票数 0

1回答

如何在角度服务中加载指示器

angularjs、angular-services

我需要做一些东西，将显示给用户，ajax请求仍在执行。我有一个angular模块： 'ngRoute', 'localization'}},

浏览 1提问于2014-04-14得票数 0

3回答

Angular2:如何在呈现组件之前加载数据？

typescript、angular、angular2-services、angular2-http

在呈现组件之前，我正在尝试从API加载一个事件。目前，我正在使用我的API服务，我从组件的ngOnInit函数调用该服务。我的EventRegister组件：import {ApiService} fromreturn response.json(); // Has a value }).to

浏览 4提问于2016-02-26得票数 173

回答已采纳

1回答

在NgZone中使用Angular2执行http请求

angular、zone、zonejs

我想知道如何在更新Angular2区域内的配置文件视图时执行http请求。在我的顶层配置文件组件中，我目前正在使用authHttp执行一个简单的http请求 constructor，概要文件页在满足请求和更新配置文件之前加载。然后，我第二次点击refresh，一切正常，因为只有在那时，它才使用从上次请求中加载的

浏览 1提问于2017-01-16得票数 0

回答已采纳

3回答

如何延迟加载Spring Security？

java、spring-security、lazy-loading、web.xml

如何在需要之前不实例化Spring Security？我的应用程序的某些页面不需要身份验证。对于这些页面，如果请求是加载请求，我不希望用户必须等待额外的~1.5秒来实例化Spring Security。我已经知道了如何

浏览 0提问于2010-01-26得票数 1

回答已采纳

2回答

如何在ionic 3中使用可观察数据

angular、ionic-framework、async-await、ionic3

我正在尝试等待订阅函数完成后才能完全使用页面加载，但我不知道我做错了什么home.ts this.data.getActiveCars> { }); console.log(this.Exp

浏览 0提问于2019-08-01得票数 0

1回答

在进行API调用之前等待加载上下文值

reactjs、react-hooks、react-context

我有一个加载用户数据的用户上下文。我使用这些数据在useEffect中发送API请求。数据加载中的时间差导致API请求中出现一个未定义的变量。如何让useEffect在发送请求之前等待加载上下文变量？value={{ user, setUser }}> </UserContext.Provider>}; export default UserConte

浏览 10提问于2022-08-24得票数 -1

1回答

在AngularJS中难以解决路由资源问题

angularjs、angular-resource

我对棱角还很陌生，在页面完成呈现之前，我很难找到要解决的项目列表。每当页面加载时，Chromeconsole都会报告以下错误： Error: [$injector:unpr] Unknown provider: projectsProvider <- projectsat Object.getService [as get] (http://127.0.0.1:8000/static/bower_components/angular

浏览 2提问于2015-09-25得票数 1

回答已采纳

点击加载更多