Кнопка «Добавить» в фильтре Angular Material Table - PullRequest
Новая
       15

Кнопка «Добавить» в фильтре Angular Material Table

0 голосов
/ 18 мая 2018

I имеет Таблица фильтра в угловой материал: -

enter image description here

I хочу значокв правой части этого фильтра, как показано ниже: -

enter image description here

Я пытался со многими конфигурациями, но безуспешно.

<mat-form-field>
    <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
    <span class="input-group-append">
      <button class="btn" (click)="doSomething()">
          <i class="fa fa-plus fa-fw"></i>
      </button>
    </span>
</mat-form-field>

Есть ли простой способ добиться этого?

1 Ответ

0 голосов
/ 18 мая 2018

Материал 2 подтверждает это в своей документации 

<mat-form-field class="example-form-field">
  <input matInput type="text" placeholder="Clearable input" [(ngModel)]="value"/>
  <button mat-button *ngIf="value" matSuffix mat-icon-button aria-label="Clear" (click)="value=''">
    <mat-icon>close</mat-icon>
  </button>
</mat-form-field>

https://material.angular.io/components/input/examples

https://stackblitz.com/angular/eyrxeklkoyq?file=app%2Finput-clearable-example.ts

...