angular7 - OKTA 登录小部件未在 Angular 7 应用程序中的页面路由上呈现

Question

我将 Angular 7.2 与 @Okta/Okta-angular 1.2.1 和 @okta/okta-signin-widget 2.19.0 一起使用到我的 Angular 应用程序中。

在第一次加载应用程序时，我可以看到登录小部件，但如果开始在其他页面上路由（不需要身份验证）并通过应用路由或浏览器返回按钮再次返回登录页面，则无法看到登录okta-signin-widget。它不是在页面上重新渲染。

我也在 okta-sign-in 小部件示例代码中发现了这个问题。（https://github.com/okta/samples-js-angular/tree/master/custom-login）

请提供处理此问题的建议。

Answer 1

在我的登录组件中添加以下代码后，我找到了解决此问题的方法：

ngOnDestroy(){
      this.OktaSignInwidgetObject.remove();
  }

其中 this.OktaSignInwidgetObject 是初始配置对象的实例：

 this.OktaSignInwidgetObject= new OktaSignIn(
  {
    baseUrl: 'https://{yourOktaDomain}'
    /** other Configuration*/
  }
);