等待angular 2+完成加载问题
Angular是一种流行的前端开发框架，用于构建单页应用程序。Angular支持使用TypeScript进行开发，它提供了一套丰富的工具和功能，使开发人员能够更轻松地构建可扩展和可维护的应用程序。
等待Angular 2+完成加载问题是指在使用Angular 2及以上版本时，当应用程序启动时，可能会出现一个问题，即页面显示一段时间空白或显示加载指示器，直到Angular完全加载并渲染应用程序。
解决等待Angular 2+完成加载问题的方法有几种：
- 延迟加载：可以通过将Angular代码拆分为多个模块并进行延迟加载，以减少初始加载时间。延迟加载可以使用Angular的路由器来实现，将不同的模块配置为按需加载。
- 代码优化：优化Angular代码可以提高加载和执行性能。可以通过使用AOT（Ahead-of-Time）编译器来预编译模板，并且可以通过减少依赖和减小模块大小来减少加载时间。
- 压缩和缓存：可以使用Gzip等压缩算法来减小代码的文件大小，并启用缓存机制，使得在第二次访问应用程序时能够更快地加载。
- 服务器端渲染（SSR）：使用服务器端渲染可以在初始加载时提供更快的页面呈现。服务器端渲染将Angular应用程序在服务器端预先渲染成HTML，然后将其发送给浏览器。
推荐的腾讯云相关产品和产品介绍链接地址如下：
- 云函数 SCF（Serverless Cloud Function）：腾讯云函数计算是一种按需执行代码的计算服务，可帮助开发人员减少对服务器的管理工作。链接地址：https://cloud.tencent.com/product/scf
- 云原生应用引擎 TKE（Tencent Kubernetes Engine）：TKE 是腾讯云提供的一款面向云原生应用的容器管理服务，能够实现应用的高可用、弹性伸缩和自动运维。链接地址：https://cloud.tencent.com/product/tke
- 腾讯云数据库 CDB（Cloud Database）：腾讯云数据库是一种高性能、可扩展且全面兼容的在线数据库服务，支持MySQL、Redis等多种数据库引擎。链接地址：https://cloud.tencent.com/product/cdb
通过以上解决方法和腾讯云的相关产品，可以有效解决等待Angular 2+完成加载问题，并提高应用程序的性能和用户体验。
相关·内容
1回答
我最近发布了一个问题，关于白色测试基于angular的应用程序的问题(参考：wait until Angular has finished loading issue ) 事实证明，完成的检查对angular然后我找到了那篇文章：Detecting that Angular 2 is done running 这解释了如何对angular 2+应用程序进行类似的检查。这两种方法都有相同的问题:检查总是返回true，就
浏览 8提问于2019-01-14得票数 1
回答已采纳
我有一个Selenium测试套件，它正在对许多web应用程序运行Selenium集成测试，其中一些是用Angular 2+编写的，另一些是用AngularJS编写的。我们使用带有WebDriverWait的自定义ExpectedCondition，让测试用例等待到AngularJS应用程序加载完成，以避免等待任意时间： private static ExpectedCondition2+应用程序，return typeof angular;将始终返回u
浏览 23提问于2019-03-21得票数 1
回答已采纳
在量角器中，源代码位于： .then((angularVersion) => { if (angularVersion=== 1) {
// At this point, Angular will pause
浏览 0提问于2018-01-18得票数 0
1回答
我使用的实现与Salim在Testing AngularJS with Selenium上发布的实现类似 但是，在运行时，检查将系统地等待"webdriver等待“时间段。我试图缩短等待的超时值以及更改池化率，但所做的一切都是使用这些新值，而不是真正“返回true”到检查。// Will check if Angular still has pending http_requests ongoing and wait if required
public boolean== undefined
浏览 7提问于2019-01-11得票数 1
回答已采纳
我在这里遇到了这个AngularJS问题，，但是我找不到任何关于Angular 2+的东西。
它只需要在页面加载时完成。这可以通过一个指令来完成吗？
浏览 2提问于2018-02-07得票数 1
我在一个object元素中加载一个外部资源，我想监听一个Angular 2+指令上的'load‘事件。使用Angular 4.2.3
有什么建议/想法吗？谢谢
浏览 2提问于2017-07-10得票数 0
我正在开发一个Angular 6应用程序。我开始用一个简单的datepicker创建一个组件。我不得不使用这个插件： "scripts": [如何解决此问题？谢谢!
浏览 0提问于2018-10-05得票数 0
如何像facebook那样创建背景加载线，同时使用Angular 2+加载内容
浏览 4提问于2017-11-20得票数 1
您好，我有一个问题，我的变量是未定义的。我敢肯定这是因为观察者还没有完成。以下是我的.ts文件中导致问题的代码部分：(我放置了理解问题所需的最少代码，如果我需要提供更多代码和上下文，请让我知道。问题是，当我试图在subscribe函数外部访问变量myVariable时，它返回未定义。我确定这是因为在我尝试访问myVariable之前，订阅尚未完成谢谢!
浏览 2提问于2018-06-20得票数 20
回答已采纳
有没有人知道实现带有百分比指示器的Angular 2+预加载器(类似于Gmail的加载屏幕)的好办法？我实际上正在寻找的是显示动画启动屏幕( SVG或其他什么)，动画完成后，加载栏应出现，并显示进度状态。很可能这个问题太宽泛了，不适合Stack Overflow，但我找不到一个好的解决方案。:(
有没有一种方法可以加载没有Ang
浏览 4提问于2018-06-19得票数 11
2回答
显然，量角器的一个特性是在执行测试代码之前等待脚本和http调用完成。然而，如果有一个不断轮询的脚本，永远不会完成，量角器将等待永远和超时后，一定的时间。在angular1中，可以通过使用$interval实现轮询来解决这一问题，而量角器并不等待轮询。它等待页面完成加载，并认为这个脚本会在某个时候退出(实际上它将永远运行)。
在angular2中是否存在量角器识别的间隔机制，以便在运行UI测试之
浏览 4提问于2016-04-01得票数 8
如何在angular4 (angular 2+)中主要检测iframe完成事件？我只有一个普通的iframe，如下所示：我遇到了一个问题，当我进入包含iframe的页面时，onlaod函数直接运行(
浏览 1提问于2018-10-01得票数 1
我正在使用AngularJs和Angular-UI中的ui-router创建一个SPA。现在，我正在尝试创建身份验证逻辑。
$rootScope.身份验证是通过存储在cookie中的令牌完成的。
浏览 1提问于2014-05-16得票数 5
我们正在使用Selenium Webdriver自动化一个Angular 7应用程序。我需要使用Javascript或JQuery的自定义等待，它将等待页面呈现，并等待$http响应完成。我尝试过显式等待，但它们不起作用，因为元素被加载到页面上，但仍然加载并尝试了ng Webdriver，但也失败了。
浏览 13提问于2019-04-15得票数 0
我正在为学生创建应用程序，用户将能够选择文本并突出显示文本，现在我要做的是将选择的文本保存在服务器上，以获得持久标记，在文档中，每个段落都是一个块，每个块都有一个id，这样我就可以知道在哪里进行了选择，当我从服务器获得标记时，我会得到每个文档的标记列表，我使用选择的开始和结束来知道我需要将标记放在文本中的哪个位置，当我放置标记时，我使用以下方式创建一个字符串： data-marker-id="${marker.id}">${textSelect
浏览 0提问于2018-04-25得票数 0
当使用cypress.io测试一个angular网页时，什么是最好/最可靠的方法来检测页面是否已满载和空闲。不仅仅是onload事件。需要包括所有XHR请求，角度摘要周期完成，所有渲染完成，包括所有动画完成。
原因是，在这一点上，我想测试页面不包含元素，并且不能测试，直到上面的所有内容完全完成。
浏览 0提问于2018-05-25得票数 17
2回答
一旦第一个任务1完成，我们必须等待任务2完成后再继续。这意味着任务1的第一次迭代将等待(如果任务2尚未完成)，但由于任务2已经完成，随后的迭代将继续进行。下面是我在建模方面的尝试：我认为这种模式存在的问题是：
1-如果任务2是在第一个任务1完成之前完成的，那么事件将被抛出，但不会被捕获。一旦任务1完成，它将无限期地等待事件。2-在迭代任务1的2+时，它将无限期地
浏览 1提问于2017-07-21得票数 5
回答已采纳
背景:一个网页需要大约2+分钟来加载。问题:我目前正在使用Capybara，Rspec，Selenium自动化验收测试。访问(URL) --一直等到页面加载或超时。是否有任何方法，我可以访问URL，而不必等待整个页面加载。我不需要整页来加载。我所关心的只是通过在页面头上期望用户名+姓氏来验证用户是否登录。
浏览 0提问于2019-07-17得票数 1
回答已采纳
在Angular 1.x中，UI-Router是我的主要工具。通过返回"resolve“值的承诺，路由器只需等待承诺完成，然后再呈现指令。在这两种方法中，如果可能的话，我更喜欢等待加载视图，如果资源无法加载，则取消路线导航。这为我省去了“取消导航”的工作。编辑:请注意，这特别意味着这个问题要求使用与Angular 2期货兼容或最佳实践的方法来完成此操作，并要求尽可能避免使用"Elvis运算符“！因此，我没有选择这个
浏览 37提问于2016-01-12得票数 75
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
