Auth0-登录小部件不显示企业连接

Question

我使用入门模板创建了Auth0应用-混合移动应用>离子> ASP.NET Web API

我已经按照文档创建了到我的组织IDP（在本例中为Okta）的企业连接，并且已经成功测试了该连接。但是，登录小部件不显示以下连接选项：

我似乎找不到任何有关如何向小部件添加更多连接的文档。查看代码，该项目似乎正在使用Auth0 angular，但是我也看不到任何东西。我知道引导代码正在导入锁定库-但是我看不到在任何地方调用的锁定方法，因此我不确定是否使用Auth0锁定小部件。

在这里的任何帮助将不胜感激！

Answer 1

要将企业连接与Lock一起使用，您需要将它们与一个或多个电子邮件域相关联。例如，如果您使用的是SAML连接：

如果@example.com在“锁定”中键入电子邮件地址，它将提示您直接使用该连接登录。

如果您不想使用此功能，并希望有一个按钮直接登录，则可以将其动态添加到连接列表中。例如：

widget.once('signin ready', function() {
    var link = $('<a class="a0-zocial a0-sharepoint" href="#"><span>Login with Okta</span></a>');
    link.appendTo('.a0-iconlist');
    link.on('click', function() {
        widget.getClient().login({connection: 'your-okta-connection-name'});
    });
});