【问题标题】:Including prefill option in angular auth0在 angular auth0 中包含预填充选项
【发布时间】:2016-12-07 06:51:26
【问题描述】:

我正在为我的一个项目使用 Auth0,并且坚持在登录表单中提供预填充选项。 根据官方 Auth0 网站上给出的示例,我使用以下方法将 Auth0 包含在我的 Angular 1.5 应用程序中。我只包含了我尝试添加预填充电子邮件的代码。

auth.signin({
  dict: {
    signin: {
      prefill: {
        email: "sameeksha.kumari@roames.com.au"
      }
    }
  },
  prefill: {
    email: "sameeksha.kumari@roames.com.au"
  }
});

令我一再失望的是,在使用 angular 使用登录表单时,我一直无法使用电子邮件值预先填写登录表单。 非常感谢任何帮助。

【问题讨论】:

    标签: javascript angularjs auth0


    【解决方案1】:

    相信您的问题可能与您使用的lock 版本有关。您能确认您使用的是 Lock 9+ 还是 Lock 10+ 吗?

    Lock 9+ 经常与 auth0-angular-4.js 和 angularjs 1.5 一起使用。在 Lock 9 源代码库中快速运行 grep,我发现 prefill 没有匹配项(与对 Lock 10 源代码库的相同搜索不同)。

    检查这个 example 使用 Lock 10+ 和 Angularjs 1.5.5 和 auth0-7.0.3.min.js。应该为您提供一个示例,然后您可以从中自定义您自己的应用程序 - 现在您拥有 Lock 10,预填充应该可用。

    【讨论】:

    • 你是对的。我尝试在 cdn.auth0.com/js/lock/10.0/lock.js 使用 lock 10 和 cdn.auth0.com/w2/auth0-angular-5.js 的 angular-auth0-5。但是它们不能一起工作,并且Auth0在锁库中没有找到prehash函数并且执行停止。任何解决方法?我发现这个线程同样的问题github.com/auth0/auth0-angular/issues/104,但是调用 init 说在调用 init 之前需要使用 set 选项,我不能更进一步。
    • 您可能想处理这个 plunk plnkr.co/edit/EJpBJAdeVjXDvmhE5Nqr?p=preview,它显示错误,指出无法从库中读取 parseOptions。
    • @SameekshaKumari - 请参阅使用 Lock10 而不是 Lock9 的工作角度 1x 示例的更新答案
    • @SameekshaKumari - 如果您同意我的回答,请您将其标记为正确 - 即。 Lock 9 不支持 prefill 属性,Lock 10 支持。 :)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-02-19
    • 1970-01-01
    • 1970-01-01
    • 2019-09-01
    • 2015-07-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多