Как добавить класс в заполнитель?

Question

Модификация некоторых изменений в ui-grid.js согласно моему требованию. Пробовал добавлять юникод на заполнитель. Работает нормально. Но мне нужен обычный (ч / б) значок поиска вместо значка поиска в синей рамке. Перед лицом проблемы попробуйте добавить класс в заполнитель. в коде:

После добавления класса в заполнитель.

Я делаю что-то не так, добавляя класс? Помоги мне с этим.

Answer 1

Вы не можете добавить HTML в placeholder скорее, я бы рекомендовал вам добавить 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=);
}