Туманность NbSpinner внутри кнопки не работает - PullRequest
Новая
       30

Туманность NbSpinner внутри кнопки не работает

0 голосов
/ 01 апреля 2020

Я пытаюсь внедрить Nebular Spinner внутри кнопки, и это не сработает. Как только кнопка нажата, спиннер должен отображаться внутри кнопки, только то, что он не

Я не понял, почему он не работает. Я следую приведенным в Nebular GitHub примерам безрезультатно.

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

<button nbButton status="danger" [nbSpinner]="isWorking" nbSpinnerStatus="danger" type="submit"
                  [disabled]="!loginForm.valid" class="btn btn-block m-t-40 login-input login-input-button">
         Sign In
    </button>


    login(): void {
    this.isWorking = true;

    this.authService.login(credentials)
      .subscribe(
        (res: any) => {
          // tslint:disable-next-line: no-console
          console.log(res);
          this.router.navigate(['/']);
          this.isWorking = false;
        }
      );
  }

1 Ответ

0 голосов
/ 07 апреля 2020

Кажется, что это нормально работает для компонента. html: 

   <button nbButton status="danger" [nbSpinner]="isWorking" nbSpinnerStatus="danger" (click)="login()" class="btn btn-block m-t-40 login-input login-input-button">
  Sign In
</button>

Пожалуйста, не забудьте импортировать nbButton и nbSpinner в текущий модуль, который использует компонент, например: 

   import {
  NbButtonModule,
  NbSpinnerModule,
} from '@nebular/theme';

    @NgModule({
  imports: [
    NbButtonModule,
    NbSpinnerModule
  ]
...