Угловое текстовое поле с текстовым заполнителем и значком

Question

Привет! Я хочу создать собственное текстовое поле, в котором требуется заполнитель текста и значок справки, который должен отображать информацию

при вводе ввода текстовое поле должно выглядеть следующим образом.

Я проверяю начальную загрузку и ввод для встроенного поля ввода. не нашел ни одного.

Обратите внимание, это должно быть отзывчивым. Буду признателен за любую оказанную помощь.

Answer 1

Вы можете сделать это с помощью начальной загрузки ngx и импортировать только модуль всплывающей подсказки в свой модуль.

https://valor -software.com / ngx-bootstrap / # / tooltip

import {TooltipModule} from 'ngx-bootstrap';

И вы можете добавить значок, используя иконки материалов.У вас есть значок «Справка», который выглядит точно так же, как в вашем примере:

https://material.io/tools/icons/?style=outline

  <mat-form-field>
    <input matInput placeholder="Tracking number">
    <mat-icon matSuffix tooltip="You can enter your...">help</mat-icon>
  </mat-form-field>

Вы также можете посмотреть в угловой документации:

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