Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.1/angular.min.js"></script>
<div ng-controller="MyCtrl">
  Hello, {{name}}! {{num}}
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
myApp.controller('MyCtrl', MyCtrl)

function MyCtrl($scope, $q) {
  $scope.name = 'Superhero';
 var n = 0;
  var incrementingFn = function() {

    return $q(function(resolve, reject) {
     

      resolve(function() {
        n += 1;
        return n;
      }());
    })
  }

  incrementingFn().then(function(res) {
      $scope.num = res;
    }
  );
}