Angular 6 и Material design form: название элемента и значок - PullRequest
Новая
       7

Angular 6 и Material design form: название элемента и значок

0 голосов
/ 16 ноября 2018

Я пытаюсь редактировать форму в Angular 6 + Material Design.В приведенном выше коде у меня есть 2 проблемы.

Во-первых, если я пытаюсь изменить defaultControlName по умолчанию для проверки, я вижу следующую ошибку.Зачем?Как я могу это исправить?(Решено! Решение в ответе, большое спасибо).

Во-вторых, я бы изменил значок fa-envelope и искал в папке Material Design, согласно найденному мной уроку.Но никакой информации о значке или ссылке не было;как управляются иконки в дизайне материалов?Как я могу это изменить?

Спасибо всем 

<form (ngSubmit)="login()" [formGroup]="registrationForm">
    <div class="mt-4">
    <mat-icon matPrefix fontSet="fa" fontIcon="fa-envelope" class="fa-24px text-center mr-3"></mat-icon>
    <mat-form-field class="w-100">
       <input type="email" formControlName="test" matInput placeholder="Deine Name" required="required">
    </mat-form-field>
(...)

Редактировать: у меня уже была инструкция 

import {MatIconModule} from '@angular/material/icon';

в соответствии с руководством https://material.angular.io/components/icon/api#MatIcon;и теперь, где я могу найти список имен значков и в каком синтаксисе я должен написать?Например, я попытался использовать "face" borh в середине моего значка тега и в параметре "fontIcon", но он не работает.

Спасибо всем!

1 Ответ

0 голосов
/ 16 ноября 2018
  1. Использование значков материалов по умолчанию

<mat-icon>envelope</mat-icon>

  1. Использование значков SVG

<mat-icon svgIcon="envelope"></mat-icon>

  1. Использование набора шрифтов (например, FontAwesome)

<mat-icon fontSet="fa" fontIcon="envelope"></mat-icon>

Подробнее здесь Иконка | Угловой материал

Редактировать

Список значков доступен здесь Значки - Материал Дизайн

Вы должны действительно прочитать больше о Material Design и использовании значков с Angular Material .

...