html - 角度占位符图像和文本

Question

有没有办法在输入占位符中同时包含图像和文本？

像这样的模拟：

提前致谢！

标签： htmlcssangularinputplaceholder

Answer 1

可以通过将placeholder属性添加到输入元素来修复占位符。

您还可以让占位符图像仅在输入值不等于 null 时显示。

参见示例：

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

然后由您将图像绝对定位到正确的位置。