【问题标题】:Meteor useraccounts - Internal StatesMeteor 用户帐户 - 内部状态
【发布时间】:2016-03-02 09:23:15
【问题描述】:

我使用了一个流星包“useraccounts”,它为我提供了两种形式——“登录”和“注册”。

我想在两种不同的模式中使用这两种形式——一种用于注册,另一种用于登录。

当我使用 {{> atForm}} 时,我可以在“登录”和“注册”状态之间切换,但一开始它始终是“登录”状态,无论我打开哪个模式。

因此,如果用户打开“注册”模式,它应该显示“注册”表单。 If "login" modal - "login" form"。

现在在这两种情况下它总是“登录”状态。

当我使用 {{> atForm state='signUp'}} 时,它会禁用状态之间的切换,我需要保留此选项。

我怎样才能做到这一点?

【问题讨论】:

    标签: javascript meteor user-accounts meteor-accounts


    【解决方案1】:

    您可以只为注册和登录模板实现一种模式。然后你可以通过调用AccountsTemplates.setState(new_state)来切换atForm状态。

    例如:

    Template.accountsModal.events({
      'click #login': function(e) {
        e.preventDefault();
        AccountsTemplates.setState('signIn');
        $('#accountsModal').modal();
      },
      'click #register': function(e) {
        e.preventDefault();
        AccountsTemplates.setState('signUp');
        $('#accountsModal').modal();
      }
    });
    

    <template name="accountsModal">
      <div class="modal fade" id="accountsModal" tabindex="-1" role="dialog">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
              </button>
              <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
              {{> atForm}}
            </div>
          </div>
        </div>
      </div>
    </template>
    

    【讨论】:

    • 我需要两种模式,因为它们的行为应该根据操作(登录或注册)而有所不同。还有其他建议吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-07-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多