Матч со значком отмены не может быть удален и отображается по-другому - PullRequest
Новая
       35

Матч со значком отмены не может быть удален и отображается по-другому

0 голосов
/ 09 октября 2019

Факт: чип не может быть удален Ожидается: чип может быть удален после нажатия кнопки x

Я выполнил следующие действия:

  1. Импортированы MatIconModule и MatChipsModule в основной app.module. Модуль с моими кодами - это дочерний модуль / отложенная загрузка. Мне нужно импортировать MatIconModule также в компоненте Child, чтобы значок работал.

import {MatChipsModule} из '@ angular / material / chips';

Добавлено следующее в index.html

link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel =" stylesheet "

Добавлен ff в style.css и обновлен файл angular.json.

@ import "@ angular / material / prebuilt-themes / indigo-pink.css";

"styles": ["src / assets / css / style.css"] //angular.json

Установлен молот

1 Ответ

0 голосов
/ 09 октября 2019

Это работает для меня ..

  1. Установить угловой материал правильно https://material.angular.io/guide/getting-started

  2. Импорт семейства шрифтов в styles.css

    @import url ("https://fonts.googleapis.com/icon?family=Material+Icons");

  3. Этот код сделает все остальное 

     <mat-chip-list>
   <mat-chip  (removed)="remove(event)"
     (click)="selected(event)">
      <i matChipRemove class="fa fa-times-circle"></i>
   </mat-chip>

...