Использование директив mdHint и mdError?

Question

[Максим Тарабрин]

Как правильно использовать директивы MdHint и MdErrorDirective?

MdErrorDirective
Single error message to be shown underneath the input.
Selector: md-error

MdHint
Hint text to be shown underneath the input.
Selector: md-hint

напишите пример с использованием этих директив.

Answer 1

[Александр Манаков]

Мб так?

<md-input-container class="example-full-width">
    <input mdInput placeholder="Company (disabled)" disabled value="Google">
    <md-hint>Hint!</md-hint>
</md-input-container>

Comments

[Максим Тарабрин]

Окей, хинт что то выводит. А что по md-error?

Пишу:

<md-input-container>
      <input mdInput types="date" placeholder="Favorite food">
      <md-error>12345 error!</md-error>
  </md-input-container>

В ответ не выводит. Ничего, чтобы ты там не писал: буквы, цифры...

[Александр Манаков]

Вот мин 5 гугления могут решить вашу проблему:

<md-input-container>
  <input mdInput placeholder="email" [formControl]="emailFormControl">
  <md-error *ngIf="emailFormControl.errors.required">This field is required</md-error>
  <md-error *ngIf="emailFormControl.errors.pattern">
    Please enter a valid email address
  </md-error>
</md-input-container>