Угловые поля AWS Amplify для аутентификатора extrra

Question

Я пытаюсь использовать AWS Amplify с Angular для аутентификации с Cognito, проблема, с которой я сталкиваюсь, заключается в том, что при вызове компонента:

<amplify-authenticator></amplify-authenticator>

Он не входит в комплект поставкиполя для регистрации, которые я пометил как обязательные в Cognito, поэтому он всегда возвращает ошибку вроде: Отсутствует имя поля, например

Поэтому мой вопрос, если они не возвращают некоторые поля, которые япомечены как необходимые, как я могу добавить его, не меняя источник самого компонента.

PS: я использую Angular, aws-усиление-angular.

Answer 1

На момент написания этого комментария не представляется возможным, что это возможно в полной версии Angular или React (только для Vue), но в бета-версии есть некоторые параметры.

Вы можетеполучите бета-версию, добавив следующий пакет:

npm install aws-amplify-angular@beta

и обновив компонент усиливающего аутентификатора, чтобы он выглядел следующим образом:

<amplify-authenticator [signUpConfig]="signUpConfig" ></amplify-authenticator>

Где в вашем компоненте будет установлен signupConfig, и он будет выглядетьчто-то вроде этого:

const signUpConfig = {
  header: 'Welcome!',
  defaultCountryCode: '46',
  hideDefaults: true,
  signUpFields: [
    {
      label: 'Username',
      key: 'username',
      required: true,
      displayOrder: 1,
      type: 'string',
    },
    {
      label: 'Password',
      key: 'password',
      required: true,
      displayOrder: 2,
      type: 'password',
    },
    {
      label: 'Email',
      key: 'email',
      required: true,
      displayOrder: 3,
      type: 'email',
    },
    {
      label: 'Name',
      key: 'name',
      required: true,
      displayOrder: 4,
      type: 'string',
    },
    {
      label: 'Family name',
      key: 'family_name',
      required: true,
      displayOrder: 5,
      type: 'string',
    },
    {
      label: 'Phone number',
      key: 'phone_number',
      required: false,
      displayOrder: 6,
      type: 'string',
    }
  ]
};

Подробности см. в следующих двух ссылках:

https://github.com/aws-amplify/amplify-js/issues/1911#issuecomment-437090097 https://haverchuck.github.io/docs/js/ionic#signup-configuration