JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.3/angular.min.js"></script>
<div ng-app="sample">
    <countdown></countdown>
</div>

JavaScript

angular.module('sample', [])
    .directive('countdown', function ($timeout) {

    function CountdownController() {
        var countdownController = this;

        countdownController.digit = 5;

        $timeout(function () {
            console.log('fired');
            countdownController.digit = 200;
        }, 1000);

    }


    return {
        restrict: 'E',
        controller: CountdownController,
        controllerAs: 'countdownController',
        bindToController: true,
        template: '{{countdownController.digit}}'
    }
});