javascript - Meteor: accounts-ui 包

Question

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

Answer 1

作为sdybskiy已经在评论中指出， meteor accounts-ui 包仅限于下拉形式。但是，您可以使用 User Accounts suite包括 Meteor 帐户模块的 UI 模板。

目前，以下 versions可用:

• useraccounts:unstyled – 纯 HTML 且无 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',
});