Async/await在Angular 8中未按预期工作

Async/await是一种用于处理异步操作的语法糖，可以使代码更加简洁和易读。在Angular 8中，Async/await可以用于处理异步操作，但有时可能会出现未按预期工作的情况。

Async/await的工作原理是基于Promise对象。当使用async关键字修饰一个函数时，该函数将自动返回一个Promise对象。在函数内部，可以使用await关键字来等待一个Promise对象的解析结果，然后将结果赋值给一个变量。

在Angular 8中，如果Async/await未按预期工作，可能是由于以下几个原因：

错误的使用方式：确保正确地使用async和await关键字。async关键字应该修饰包含异步操作的函数，而await关键字应该在异步操作之前使用。
异步操作未返回Promise对象：Async/await只能用于返回Promise对象的异步操作。如果异步操作没有返回Promise对象，那么无法使用await关键字等待其解析结果。
异步操作未正确处理错误：在使用Async/await时，需要使用try-catch语句块来捕获异步操作中可能发生的错误。如果没有正确处理错误，可能会导致Async/await未按预期工作。
兼容性问题：确保使用的Angular版本支持Async/await语法。如果使用的是较旧的Angular版本，可能不支持Async/await语法。

对于Async/await在Angular 8中未按预期工作的问题，可以尝试以下解决方案：

检查代码中的语法错误：仔细检查代码中是否存在语法错误或拼写错误。
确保异步操作返回Promise对象：确保异步操作返回一个Promise对象，以便可以使用await关键字等待其解析结果。
使用try-catch语句块处理错误：在使用Async/await时，使用try-catch语句块来捕获可能发生的错误，并进行适当的处理。
更新Angular版本：如果使用的是较旧的Angular版本，尝试更新到最新版本，以确保支持Async/await语法。

腾讯云相关产品和产品介绍链接地址：

腾讯云函数（云函数）：https://cloud.tencent.com/product/scf
腾讯云云开发（云开发）：https://cloud.tencent.com/product/tcb
腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
腾讯云CDN加速（CDN）：https://cloud.tencent.com/product/cdn
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云移动开发（移动开发套件）：https://cloud.tencent.com/product/mss
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
腾讯云视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云音视频通信（TRTC）：https://cloud.tencent.com/product/trtc
腾讯云安全加速（DDoS防护）：https://cloud.tencent.com/product/ddos

Async/await在Angular 8中未按预期工作

angular

我习惯于在Asp.net中使用异步/等待。我现在需要在ngBootstrap模态服务中进行几个API调用(4)。用户将单击一个按钮以打开Modal。第一个API调用获取Modal所需的基本信息。<code>A0</code><

浏览 15提问于2019-08-24得票数 2

回答已采纳

2回答

async/await在jQuery each()中未按预期工作

javascript、jquery、async-await、each

我的异步/等待示例代码不能正常工作。我正在使用jquery .each循环，以及异步/等待功能，但没有按预期工作。setTimeout(() => { resolve(); }); asyncfunction msg() { await one(); $("#myTable tr").each(<e

浏览 55提问于2019-11-28得票数 0

2回答

节点js Async/Await返回未按预期工作

javascript、node.js、express、async-await

但是，它并没有像预期的那样发挥作用。这是我生成报告的api端点： router.post('/test', async function (req, res) { var html = fs.readFileSync(path.join(__dirname, "../

浏览 18提问于2021-04-24得票数 0

回答已采纳

2回答

Async/await和promise均未按预期工作

javascript、reactjs、react-redux、firebase-storage

我是javascript的新手，在使用async/await和promises时遇到了麻烦。我正在尝试将一组图像异步上传到firebase，以便为下一步获取返回的URL。以下是upload函数。const uploadImage = async (file) => { const storageRef(res) => { conso

浏览 2提问于2020-12-17得票数 0

1回答

为什么这段代码在Node中运行时不等待就打印输出并退出，但在Deno中它打印输出；等待一段时间后退出

javascript、node.js、async-await、settimeout

async function quick_function(){ console.log(x[0]);} const x = await new Promise((resolve)=>{

浏览 15提问于2021-04-10得票数 0

回答已采纳

2回答

Nodejs - Await不等待方法首先执行

node.js、async-await

require("node-native-printer");module.exports = { await this.printUnix(options).then( return response} return false

浏览 28提问于2019-04-26得票数 0

回答已采纳

1回答

递归异步生成器函数的返回类型

typescript、recursion、types、generator

async function* recursive_f(n: number): AsyncGenerator<number, ?, ?()以下代码未按预期工作。async function* recursive_f(n: number): AsyncGenerator<number> { if (n < 0) { } return await recursive_f(n--) /&#

浏览 4提问于2021-04-17得票数 0

1回答

async.waterfall未按预期工作

javascript、node.js

我第一次使用async.waterfall，遇到了一些麻烦。data.coordinates = [p.coordinates.longitude, p.coordinates.latitude]; });我的瀑布功能如下： async.waterfall尽管我在generateImageURL中称之为它。

浏览 3提问于2016-07-11得票数 0

回答已采纳

1回答

async.map未按预期工作

node.js、express、mongoose、mean-stack、async.js

next(err); if(err) return next(err); async.map

浏览 6提问于2016-09-15得票数 0

回答已采纳

1回答

async.eachSeries未按预期工作

node.js、debugging、asynchronous、node-inspector

我和async.eachSeries相处得很艰难。我创造了一种代码的平静来说明。const arr = [1, 2, 3, 4, 5, 6, 7]; debugger; //#1 })当我执行上面的代码时，预期的结果应该是(对我来说)：命中：#12迭代：#2 - #3 - #7 - #4||#5 3次迭代：...。但是，当它第一次出现在具有异步函数(Redis)

浏览 2提问于2015-11-23得票数 0

1回答

Java Async NIO servlet未按预期工作

java、servlets、asynchronous、nio

我试图把工作放在一个简单的servlet (从其他来源复制)。它是一个异步servlet，通过ReadListener使用NIO读取post请求。onDataAvailable = http-nio-80-exec-1所以似乎所有的东西都是在同一个线程上执行的为什么这不能正常工作？

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

2回答

Angular: BehaviorSubject未按预期工作

javascript、html、angular、typescript、behaviorsubject

我正在尝试获取BevhaviorSubject的当前值，单位为Angular。我使用以下两行代码将所有内容和值输出到控制台，以检查其内容： console.log(this.

浏览 38提问于2021-06-03得票数 0

1回答

Angular bypassSecurityTrustResourceUrl未按预期工作

angular、angular-dom-sanitizer

我遇到了一个问题，DomSanitizer.bypassSecurityTrustResourceUrl没有像预期的那样工作。我已经创建了以下管道，可以在许多在线资源中找到： @然而，在我的例子中，该属性包含一个具有url属性的对象，该属性保存字符串。预期结果：{"changingThisBreaks

浏览 224提问于2020-07-31得票数 0

1回答

如何让函数等待，直到我在node.js中得到响应

node.js、callback、async-await

Async和Await未按预期工作。请纠正我在代码中做错的地方。我正在从excel中读取数据(url、pagelimit、company)，并使用switch()导航到服务。const readexcel = async (request, response) => { case process.e

浏览 0提问于2018-10-16得票数 0

1回答

即使在等待的情况下，循环仍在执行

node.js

model.collection.distinct("symbol", async function (error, distSymbols) { for (const symbol of distSymbols) { //awaitcomputeAggregate(model, symbol);

浏览 15提问于2019-03-11得票数 0

回答已采纳

2回答

如果ASP.NET核心异步请求处理程序是一个单独的方法，它总是用200个OK和空体进行响应

c#、asp.net-core

在将匿名/lambda处理程序从MapGet中提取到他们自己的方法后，一些端点错误地操作，总是返回一个空体的200 (OK)响应。不确定我是否遗漏了一些关于async如何在C#中工作的问题，或者这是否是ASP.NET Core的一个bug。可复制示例 await Task

浏览 4提问于2022-08-17得票数 2

回答已采纳

1回答

Angular : Guards服务未按预期工作

angular

在主页上，我们有链接管理。为什么会发生这种情况？

浏览 0提问于2019-09-17得票数 0

0回答

angular promise延迟未按预期工作

angularjs、promise、angular-promise

在服务中，我在组服务中添加了2秒的超时，以测试微调加载。但不知何故，在控制器中，我的代码立即运行，不需要等待2秒。

浏览 1提问于2016-07-07得票数 1

回答已采纳

2回答

Angular指令ngIf未按预期工作

javascript、angular、typescript、angular7

问题是，即使在this.cachedResults中有数据this.cachedResults.length不等于'0‘几秒钟’报告项目没有任何可发送的项目‘显示在页面上，然后显示数据我不确定这是否是由

浏览 16提问于2019-09-27得票数 0

1回答

我尝试在两种情况下保持按钮禁用。第一个是如果满足了必填字段条件(输入中没有文本)，第二个是布尔值为false。问题是，由于某些原因，我的指令似乎表现得像一个或，而不是一个，在满足这两个条件中的任何一个后，按钮变为启用状态。下面是我试图在两个条件都不满足时保持禁用状态的按钮 <button type="button" id ='submission' class="btn btn-success ng-hide" ng-show

浏览 0提问于2014-02-28得票数 0

点击加载更多