定义一个NavigationInstruction，等待promise返回

Define an NavigationInstruction that waits until a promise returns

本文关键字：等待 promise 返回 NavigationInstruction 一个 定义      更新时间：2023-09-26

我们如何定义一个NavigationInstruction等待，直到承诺返回?

let loginRedirectRoute: RouteConfig = {
    name: "openIdRedirectRoute",
    navigationStrategy: (instruction: NavigationInstruction) => {
        this.loginRedirectHandler().then(() => {
            instruction.config.moduleId = openIdConfiguration.LoginRedirectModuleId;
        }).catch((err) => {
            console.error(err.message);
        });
    },
    route: this.getPath(openIdConfiguration.UserManagerSettings.redirect_uri),
};
上面的

不起作用。只有当我们调用指令。config. moduleid…同步。

换句话说，我们需要一个导航策略，在promise返回后做一些事情。

这可能吗?如何?

你的内部函数没有返回Promise。试着

this.loginRedirectHandler().then(() => {
    return instruction.config.moduleId = openIdConfiguration.LoginRedirectModuleId;
}).catch((err) => {
    console.error(err.message);
});

记住

  • .then(() => { return do_this(); })链一个承诺，
  • .then(() => do_this());链承诺，
  • .then(() => { do_this(); }) does NOT.

var foo = 0;
function do_this(bar) {
  console.log("call " + foo + " passed " + bar);
  foo++;
  bar++;
  return bar;
}
var promise = new Promise(function(resolve, reject) {
  window.setTimeout(() => {
    resolve(0);
  }, 500);
});
promise
  .then((bar) => { return do_this(bar); }) /* 1 */
  .then((bar) => do_this(bar)) /* 2 */
  .then((bar) => { do_this(bar); }) /* 3 */
  .then((bar) => do_this(bar)); /* undefined */

相关文章：