如何在占位符中添加 class？

Question

根据我的要求ui修改 ui-grid.js 中的一些更改。尝试在 placeholder.It 上添加 unicode 工作正常。但是，我需要一个普通的（B/W）搜索图标而不是蓝框搜索图标。尝试在占位符中添加 class 时遇到问题。在代码中：

在占位符中添加 class 之后。

我在添加 class 时做错了什么吗？帮我解决这个问题。

Answer 1

您不能在 placeholder 属性中添加 html，我建议您在需要图标时使用 ng-class 在输入元素上添加 class。

<input ng-attr-placeholder="{{colFilter.placeholder}}" ng-class="{search: colFilter.placeholder}"

CSS

input.search {
    padding-left:20px;
    background-repeat: no-repeat;
    background-position-y: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVDhP5ZI9C4MwEIb7//+BEDgICA6C4OQgBJy6dRIEB6EgCNkEJ4e3iT2oHzH9wHbpAwfyJvfkJDnhYH4kHDVKlSAigSAQoCiBKjVGXvaxFXZnxBQYkSlBICII+22K4jM63rbHSthCSdsskVX9Y6KxR5XJSSpVy6GbpbBKp6aw0BzM0ShCe1iKihMXC6EuQtMQwukzPFu3fFd4+C+/cimUNxy6WQkNnmdzL3NYPfDmLVuhZf2wZYz80qDkKX1St3CXAfVMqq4cz3hTaGEpmctxDPmB0M/fCYEbAwZYyVKYcroAAAAASUVORK5CYII=);
}

如何在占位符中添加 class？

How to add the class in placeholder?

angularjs

angular-ui-grid