JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div ng-controller="MyCtrl">
    <time-reminding relative-days-to-finish="10" reminder-name="{{foo}}"></time-reminding>
</div>

JavaScript

var myModule = angular.module('myModule', []);

myModule.directive('timeReminding', function() {
    return {
        template: "<div>foo - {{relativeDaysToFinish}}<br />{{reminderName}}</div>",
        scope: {
            relativeDaysToFinish: '=relativeDaysToFinish',
            reminderName: '@reminderName'
        },
        replace: true,
        restrict: "E",
        constroller: function($scope){

        }
    }
});
function MyCtrl($scope) {
    $scope.foo = "Robo";
};