javascript - javascript中如何完全执行一个函数而不跳转到另一个函数

Question

我有使用首先执行的 ng-if 设置导航栏的函数。当到达 Promise.all 时，它会跳转到另一个函数，因此DOM 已经在没有检查 ng-if 值的情况下创建。我需要执行该函数而不完全跳转到另一个函数。如何获取它。我在这里尝试过:

$scope.GetNavigationMenu = function GetNavigationMenu() {
        var modules = ["Dashboard", "Requirements", "Deviation Report", "Schedule", "Permission"];
        Promise.all(modules.map(Module => httpService.get(serviceBase + rightsPermissionUrl, { Module })))
          .then((list) => {
              // do stuff with `list` array
              $scope.navigationMenu = list;
          });
    }

Answer 1

您可以使您的函数成为异步函数并等待响应，如下所示:

$scope.GetNavigationMenu = async function GetNavigationMenu() {
    var modules = ["Dashboard", "Requirements", "Deviation Report", "Schedule", "Permission"];
    let list = await Promise.all(modules.map(Module => httpService.get(serviceBase + rightsPermissionUrl, { Module })));
    // do stuff with `list` array
    $scope.navigationMenu = list;

}

而且您不需要再次定义函数名称 =>$scope.GetNavigationMenu = 函数(){}将工作 MDN reference for async/await