如何在占位符中添加类？

Question

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

在占位符中添加类后。

我做错了什么，同时加上课程？帮助我。

Answer 1

您无法在placeholder属性中添加html，而是建议您在需要图标时使用class在输入元素上添加ng-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=);
}