Question

关于在流星中使用angular2，我一直在关注这个非常有趣的tutorial。

一切顺利，但现在我想使用自己的Bootstrap 3模式进行登录/登录功能。

本教程使用ng2-meteor-accounts-ui，它是＆＃34;＆＃34; accounts-ui＆＃34;的包装器。 package的loginButtons视图＆＃34;。

我找到了有关如何自定义Meteor-accounts-ui默认包的资源和文档，但没有关于此问题的任何内容。我试着查看源代码，但流星模块只能在＆＃34; build＆＃34;构建时间之后的文件夹，并且所有HTML都是通过连接JS字符串构建的。

由于缺少文档，我不知道如何编辑它。我是否必须为meteor包构建我的ng2包装器？

Answer 1

您可以删除{{＆gt; logginButtons}} 并直接调用方法：

 Meteor.loginWithFacebook({
    requestPermissions: ['public_profile', 'user_location', 'user_photos']
  }, function (err) {
    console.log(err);
    if (err)
    {
      Session.set('errorMessage', err.reason || 'Unknown error');
    }
    else {

      $state.go('menu.home', {reloadUser: true}, {reload: true});
    }
  });

Answer 2

您有几种选择..

您可以将{{> logginButtons }}置于模态
您可以使用accounts-ui-unstyled包来摆脱默认样式
您可以删除accounts-ui并自行构建您的ui，只需使用内置方法与服务器进行交互

http://docs.meteor.com/#/full/meteor_loginwithpassword http://docs.meteor.com/#/full/meteor_loginwithexternalservice

Angular2 - Meteor - 如何自定义account-ui布局

2 个答案: