BottomSheet与AngularFire电话验证不正确的行为

时间:2019-12-11 22:24:44

标签: angular angular-material

这是我想要的工作流程:

  • 用户在注册组件中提交表单
  • 电话验证已触发(这与Recaptcha一起提供)
  • 在底表中会显示一个字段,用于输入验证码。
  • 解散底纸时,验证码将传递到注册组件,然后再进行验证,然后继续注册逻辑。

上面是当前代码。

.NAME

这是Recaptcha初始化的方式(假设很重要)

a

这是验证组件

tags$head(
  tags$style(HTML(".help-block a {color: #ff0000 !important;}"))
)

有了上述,这就是当前发生的情况

  • 用户提交表单
  • 出现预期结果,但是
  • 调用library(shiny) library(shinydashboard) library(shinydashboardPlus) shinyApp( ui = dashboardPagePlus( tags$head( tags$style(HTML(".help-block a {color: #ff0000 !important;}")) ), header = dashboardHeaderPlus( left_menu = tagList( helpText( a(target="_blank","Login",href="https://www.youtube.com/") ) ) ), sidebar = dashboardSidebar(), body = dashboardBody(), ), server = function(input, output) { } ) 时,

1)底页不会自动关闭。如果将 onSubmit(formData) { firebase .auth() // send text message to user .signInWithPhoneNumber(formData.phone, this.recaptchaVerifier) .then(confirmationResult => { // bring up bottomsheet const dialogRef = this.bottomSheet.open(VerifyphoneComponent, { disableClose: true, closeOnNavigation: true }); dialogRef.afterDismissed().subscribe(result => { console.log(result); if (result) { confirmationResult.confirm(result).then(good => { console.log(good); // call the registeration part this.af.auth .createUserWithEmailAndPassword( formData.email, formData.password ) .then(res => {...}) .catch(err => { this.busy = false; this.snack.open(err.message, "Close"); console.log(err); }); }); } else { this.busy = false; this.snack.open( "Phone verification couldn't happen. Try again", "Close" ); } }) }) .catch(err => { console.log(err); this.snack.open(err.message, "Close"); }); } 可选参数设置为false,请在底部表单外部(在背景上)单击,然后立即关闭底部表单,并继续运行其余代码。

2)否则,底页只会卡住,什么也不会发生。

我错误地使用了底页吗?

修改

将我的问题添加到了一个仓库中:https://github.com/seanmavley/for-debugging

0 个答案:

没有答案