Angular placeholder image and text

Question

Is there a way to include in a input placeholder an image and text at the same time?

Something like this mock:

Thanks in advance!

Have you tried this ? - https://stackoverflow.com/questions/30636349/how-to-have-an-image-placeholder-in-angularjs — Mauricio Gracia Gutierrez, Nov 21 '19 at 14:42

score 0 · Answer 1 · answered Nov 21 '19 at 14:50

The placeholder can be fixed by adding the placeholder attribute to the input element.

You can also have the placeholder image only show when the value of the input is not equal to null.

See example:

<div class="search-wrapper">
    <input type="text" [(ngModel)]="search" placeholder="Search...">
    <img src="" *ngIf="search != null"/>
</div>

Its then up to you to position absolute the image into the correct position.

1 Answers1