module.exports = function iconInsideInputDirective() { | |
return { | |
restrict: 'A', | |
link: function(scope, element, attrs) { | |
// NOTE: this doesn't work on Chrome with auto-fill, known Chrome bug | |
element.css({ | |
'background-repeat': 'no-repeat', | |
'background-position': '8px 8px', | |
'padding-left': '30px' | |
}) | |
attrs.$observe('iconInsideInput', function(value) { | |
element.css({ | |
'background-image': 'url(' + value + ')' | |
}) | |
}) | |
} | |
} | |
} |