Question

默认情况下，当我尝试使用{{> loginButtons}}添加任何登录功能时，登录字段将包含在登录下拉列表中。如何删除它？

我只想要流星提供的电子邮件和密码字段（创建帐户，密码重置，包括），而不是下拉。

Answer 1

目前，自定义默认登录按钮外观并非易事。

您可以使用第三方软件包来提供您正在寻找的帐户，尝试使用“accounts”关键字搜索http://atmospherejs.com/。

可能更好的是提供您自己的帐户-ui模板，并且仅使用Meteor帐户API来执行实际的日志记录逻辑。

这是我自己的登录表单模板，可以帮助您入门：

<template name="loginForm">
  <form class="login-form">
    <div class="form-group">
      <input type="text" class="form-control" name="usernameOrEmail"
          placeholder="username or email">
    </div>
    <div class="form-group">
      <input type="password" class="form-control" name="password"
          placeholder="password">
    </div>
    <button type="submit" class="btn btn-default"
        data-loading-text="Logging in...">
      <i class="fa fa-lg fa-fw fa-check"></i> Login
    </button>
  </form>
</template>

Template.loginForm.events({
  "submit":function(event,template){
    event.preventDefault();
    var submitButton=template.$("button[type='submit']");
    submitButton.button("loading");
    //
    var usernameOrEmail=template.$("[name='usernameOrEmail']").val();
    var password=template.$("[name='password']").val();
    Meteor.loginWithPassword(usernameOrEmail,password,function(error){
      submitButton.button("reset");
      //
      if(error){
        console.log(error);
        return;
      }
      //
      template.find("form").reset();
    });
  }
});

定义一个只包含所需字段的表单模板，然后在submit事件处理程序中调用Meteor accounts API函数。

如果您遵循API文档，高级功能（重置密码，帐户创建等等）非常简单：http://docs.meteor.com/#accounts_api

Answer 2

您可以使用https://github.com/aldeed/meteor-template-extension将模板替换为您的模板。见这里：

http://www.chaosstuff.com/2015/01/meteor-accounts-with-custom-login-form.html

流星帐户删除下拉列表

2 个答案: