流星:accounts-ui包

时间:2016-02-09 23:16:35

标签: javascript html meteor reactjs meteor-accounts

我想在我的应用程序中使用accounts-ui包管理帐户,但它目前是一种下拉式登录表单。有没有人知道如何将它包装在按钮中,以便当我单击按钮时,帐户登录页面将呈现?

1 个答案:

答案 0 :(得分:1)

正如sdybskiy已在评论中指出,Meteor accounts-ui包仅限于下拉表单。但是,您可以使用User Accounts suite为Meteor的帐户模块添加UI模板。

目前,可以使用以下versions

如果您想安装帐户套件,只需运行:

  1. meteor add useraccounts:<version>,例如:useraccounts:bootstrap
  2. meteor add accounts-<loginService>,例如:accounts-password
  3. 关于路由,还有两个可用的附加组件,useraccounts:iron-routinguseraccounts:flow-routing

    因此,如果您想要一个按钮,在点击时呈现登录页面,您可以使用以下代码示例作为起点(假设您使用的是Iron-Routeruseraccounts:iron-routing包) :

    <template name="home">
       <button id="login" type="button" class="btn btn-default">Login</button>
    </template>
    
    Template.home.events({ 
      'click #login': function (event) {
       event.preventDefault();
       Router.go('/login');
    });
    
    AccountsTemplates.configureRoute('signIn', {
        name: 'signin',
        path: '/login',
        template: 'myLogin',
        layoutTemplate: 'myLayout',
        redirect: '/user-profile',
    });