Angular2 - Meteor - Как настроить макеты аккаунтов и пользовательского интерфейса

Question

Я следил за этим очень интересным уроком об использовании angular2 с Meteor.

Все прошло гладко, но теперь я хотел бы использовать свой собственный модал Bootstrap 3 для функций входа / входа.

В этом руководстве используется ng2-meteor-accounts-ui, который является "оболочкой для" loginButtons "пакета" account-ui ".

Я нашел ресурсы и документацию о том, как настроить пакет Meteor-account-ui по умолчанию, но ничего об этом. Я попытался посмотреть на источник, но модули метеоров доступны только в папке "build" после сборки, и весь HTML-код создается путем объединения строк JS.

Я понятия не имею, как редактировать это из-за отсутствия документации. Нужно ли мне собирать свою оболочку на ng2 для пакета meteor?

Answer 1

Вы можете удалить {{> 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

У вас есть несколько вариантов..

1. Вы можете положить {{> logginButtons }} в модал
2. Вы можете использовать accounts-ui-unstyled пакет, чтобы избавиться от стиля по умолчанию
3. Вы можете удалить accounts-ui и создать свой пользовательский интерфейс самостоятельно, просто используйте встроенные методы для взаимодействия с сервером

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