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登录小部件示例代码中也发现了此问题。 （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*/
  }
);