Something else
http://angularjs.org/
by Leonardo Trimarchi
HTML
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<div ng-controller="MyCtrl">
<p>
Window width:{{winWidth}}px
</p>
<p>
The Url is: {{url}}
</p>
<ul>
<li>{{protocol}}</li>
<li>{{host}}</li>
<li>{{port}}</li>
</ul>
<p>
The page title is : {{docTitle}}
</p>
<p>
{{theDate}}
</p>
<p>
{{theTime}}
</p>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
angular.module('myApp').factory('dateTimeService', function(){
var dateTimeSvc = {};
dateTimeSvc.getDate = function(){
return new Date().toDateString();
}
dateTimeSvc.getTime = function () {
return new Date().toTimeString();
}
return dateTimeSvc;
})
angular.module('myApp').controller("MyCtrl", function($scope, $window, $location, $document, dateTimeService ){
$scope.winWidth = $window.innerWidth;
$scope.url = $location.absUrl();
$scope.protocol = $location.protocol();
$scope.host = $location.host();
$scope.port = $location.port();
$scope.docTitle = $document[0].title;
$scope.theDate = dateTimeService.getDate();
$scope.theTime = dateTimeService.getTime();
});