bind image control in angularjs

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="https://code.angularjs.org/1.3.14/angular.js"></script>
  <script>
    var app = angular.module('imageApp', []);

    app.controller('imageAppCtrl', function($scope) {
      $scope.urlImage = 'image/default.jpg';

      $scope.replaceImage = function() {
        $scope.urlImage = 'image/new.jpg';
      }
    });
  </script>
</head>

<body ng-app="imageApp">
  <div>
    <div ng-controller="imageAppCtrl">
      <a href='#'>
        <img ng-src="{{urlImage}}" />
      </a>
      <button ng-click="replaceImage()">Replace Image</button>
    </div>
  </div>
</body>

</html>

// Code goes here

/* Styles go here */