流星：accounts-ui包

Question

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

Answer 1

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

目前，可以使用以下versions：

• useraccounts:unstyled - 简单的HTML＆amp;没有CSS规则
• useraccounts:bootstrap - Twitter Bootstrap
• useraccounts:foundation - Zurb Foundation
• useraccounts:ionic - Ionic
• useraccounts:materialize - Materialize
• useraccounts:polymer - Polymer
• useraccounts:ratchet - Ratchet
• useraccounts:semantic-ui - Semantic UI

如果您想安装帐户套件，只需运行：

1. meteor add useraccounts:<version>，例如：useraccounts:bootstrap。
2. meteor add accounts-<loginService>，例如：accounts-password。

关于路由，还有两个可用的附加组件，useraccounts:iron-routing和useraccounts:flow-routing。

因此，如果您想要一个按钮，在点击时呈现登录页面，您可以使用以下代码示例作为起点（假设您使用的是Iron-Router和useraccounts: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',
});