AngularJS directive to add a custom background image to an element when the app has initialized. For example: <div background-image="{{imagePath}}"></div>

backgroundImage.js

'use strict';

app.directive('backgroundImage', function(){
	return function(scope, element, attrs){
		restrict: 'A',
		attrs.$observe('backgroundImage', function(value) {
			element.css({
				'background-image': 'url(' + value +')'
			});
		});
	};
});