angular.module('myApp', []);

​

angular.module('myApp')

  .controller('MyController',MyController);

​

MyController.$inject = ['$scope'];

​

function MyController($scope) {

  $scope.newBackground = '';

  // all your other code

}

​

angular.module('myApp')

  .directive('backgroundChanger',backgroundChanger);

​

function backgroundChanger() {

  var d = {

    link: link

  };

  function link(scope, el, attrs) {

    el.on('click',function() {

      var bg = attrs.backgroundChanger;

      $('body').css({

        'background-image': 'url('+bg+')'

      });

    });

  }

  return d;  

}