<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
var myApp = angular.module('myApp', []); myApp.directive('myClock', function($timeout, dateFilter) { return { restrict: 'E', link: function(scope, elmt) { (function updateClock() { elmt.text(dateFilter(new Date(), 'hh:mm:ss a')); $timeout(updateClock, 1000); })(); } }; });