JSFiddle - React, Tailwind, and code Playground

by Jscaptcha

HTML

<div ng-app='myApp' class='col-sm-6' ng-controller='myController'>
              <my-directive>{{currentTime| date : 'hh:mm:ss'}}</my-directive>
              <my-directive>{{currentTime| date : 'EEEE,MMMM yyyy'}}</my-directive>
              <button ng-click="save()" >getSessionData</button>
 </div>

JavaScript

var myApp = angular.module('myApp',[])
myApp.controller('myController',myController);
myController.$inject = ['$scope','myFactory'];
myApp.directive('myDirective',myDirective);
function myController($scope,myFactory)
{
    $scope.save = function(){
        myFactory.save();
    }
};
myApp.factory ('myFactory',myFactory);
function myFactory()
{
    var service = {
      user : {},
      save: function(){
          sessionStorage.presently = angular.toJson (service.user);
      }
      restore : function(){
        	service.user = angular.fromJson( sessionStorage.presently ) || {location :'Ahmedabad'};
        	return service.user;
       }
    }
     service.restore();
	return service;
}
myDirective.$inject =['$timeout'];
function myDirective($timeout)
{	return {
    
    restrict :'E',
    link : function (scope,elem,attr)
    {
        setTime();
        function setTime()
        {
            scope.currentTime =new Date();
            $timeout(setTime,1000);
        }
    }
    
  }
}