Humanized Timestamp Directive

gistfile1.ts

    export function humanTimestampDirective($interval: ng.IIntervalService): ng.IDirective {

        function link(scope, element, attrs) {
            var timeoutId;
            var date;

            function apply() {
                var humanised;

                if (date) {
                    humanised = moment(date).fromNow();
                } else {
                    humanised = 'never';
                }

                element.text(humanised);
            }

            scope.$watch(attrs.date, newDate => {
                date = newDate;
                apply();
            });

            element.on('$destroy', () => $interval.cancel(timeoutId));

            // start the UI update process; save the timeoutId for canceling
            timeoutId = $interval(apply, 1000);
        }

        return {
            link: link
        };
    }
    
    
    .directive('humanTimestamp', ['$interval', humanTimestampDirective])