Keep Angular Material Mat Ripple Анимация после нажатия - PullRequest
Новая
       18

Keep Angular Material Mat Ripple Анимация после нажатия

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

Я использую mat-list с matRipple для анимации кликов. Обычно, матовая анимация пульсации исчезает через некоторое время, ее можно контролировать с помощью RippleGlobalOptions, но я хочу сохранить анимацию после нажатия, чтобы цвет фона не изменился. Итак, есть ли какой-нибудь возможный способ сохранить стиль фона? 

    <mat-list #selectable
              role="list">
                <mat-list-item *ngFor="let item of ItemsSource; let i = index;"
                               (click)="OnRowClicked(item)"
                               role="listitem"
                               matRipple>
                    {{item["Description"]}}
                    <mat-divider></mat-divider>
                </mat-list-item>
    </mat-list>

  public ItemsSource = [{Description: "test", Code: "1" },
                        {Description: "test2", Code: "2" }];

  public SelectedItem: any;

  public OnRowClicked(event: any) {
      this.SelectedItem = event;
    }

Вилка: https://stackblitz.com/edit/angular-vrus3x

...