AngularJS Sample #2 - Controller

<!DOCTYPE html>
<html ng-app="myApp">
  <head>
    <style>
      BODY { font-size: 2em;}
    </style>
    <script data-require="angular.js@1.4.0" data-semver="1.4.0" src="https://code.angularjs.org/1.4.0/angular.js"></script>
    <script src="app.js"></script>
    <script src="main.controller.js"></script>
  </head>
  <body>
    <div ng-controller='MainController'>
      <div>someText: <strong>{{ someText }}</strong></div>
      <div>someDate: <strong>{{ someDate }}</strong></div>
      <div>somethingNotInScope: <strong>{{ somethingNotInScope }}</strong></div>
    </div>
  </body>
</html>

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

angular.module('myApp')
  .controller('MainController', function ($scope, $timeout) {
    $scope.someText = 'Some Text';
    
    tick();
    
    function tick() {
      $timeout(function() {
        $scope.someDate = new Date();
        tick();
      }, 1000);
    }
  });