playing around with angular JS

angular JS

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

myApp.controller('mainController', ['$scope', '$filter', function($scope, $filter) {

  $scope.handle = "";

  $scope.lowerCaseFilter = function() {
    return $filter('lowercase')($scope.handle);
  };

  $scope.$watch('handle', function(newValue, oldValue) {
    console.info("changed");
    console.log("old: " + oldValue);
    console.log("new: " + newValue);
  });
//$apply helpes angular see other code that lives outside the angular context
  setTimeout(function() { //setTimeoutbeing a javascript native code, this could be jquery etc...
    $scope.$apply(function() {
      $scope.handle = "Aled is cool"
      console.log("done");
    })
  }, 4000);

}]);