angular dart js 与客户端中等待的异步/承诺互操作

Question

客户端.js

async function callClientAsyncFuncWithResult () {

    let result = await someService.request();
    return result;
}

页面.dart

import 'dart:js' as js;

var result = js.context.callMethod('callClientAsyncFuncWithResult'); 

//I want to do something like var result = await js.context.callMethod('callClientAsyncFuncWithResult'); 

在 AngularDart 中，您如何在继续执行 dart 之前等待客户端 javascript Promise 返回结果？现在它只是流过调用，我已经尝试将 callMethod 的结果设置为 Future 或 Promise 并且它从不等待。

我不认为我的实现是正确的。我怎样才能做到这一点？

Answer 1

您可以轻松地转换成一个Javascript承诺到达特未来，通过使用convertNativePromiseToDartFutureAPI，这是可用的dart:html_common。

一个简单的实现可能如下所示：

Javascript :

function myCoolFunc () {
  return new Promise((resolve, reject) => {
    resolve(myLongAwaitedData);
  });
}

Dart 互操作文件：

@JS()
library coolLib;

import 'package:js/js.dart';
import 'dart:async';

@JS()
external Future<T> myCoolFunc ();

飞镖文件：

import 'dart:html_common';
import 'cool_lib.dart';

main() async {
  var myVar = await convertNativePromiseToDartFuture(myCoolFunc());
  print(myVar);
}

我发现这深深地埋藏在 Dart Sdk 的 Gitter 中。我希望它可以帮助未来的 Angular Dart 用户。

更新：此 API 在 Dart 2.6 中 convertNativePromiseToDartFuture已更改已替换为promiseToFuture