Edit in JSFiddle

var demo = angular.module('demo', []);
demo.directive('displayCurrentTime', function() {
    return {
        restrict: 'E',
        template: '<span class="currentTime"></span>',
        link: function(scope, element, attrs) {           
            var currentTimeSpan = 
                angular.element(element[0]).children()[0];
            currentTimeSpan.content = '12:00:00';
            //console.log(currentTimeSpan);                                       
        }
    };
});

function MyCtrl ($scope) {
    $scope.name = 'Ken';       
}

<div ng-app='demo'>
    <h3>Greeting</h3>
    <p ng-controller='MyCtrl'>Hi, it's {{name}}. 
        The current time is <display-current-time/>.</p>
</div>