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="'Robo from attribute'"></time-reminding>
    <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: '=',
            reminderName: '='
        },
        replace: true,
        restrict: "E",
        constroller: function($scope){

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