JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="daysApp" ng-controller="daysController">
    
    
    <my-days></my-days>
    
</div>

JavaScript

myapp = angular.module("daysApp",[]);
myapp.controller("daysController",function($scope,daysList){

    $scope.test = "I am from controller";
    console.log(daysList.weeks());
});
myapp.directive("myDays",function(daysList){
    return {
        restrict: 'E',
        template:'<div ng-repeat="day in daysList">{{day}}</div>',
        link: function(scope, element, attrs){
            console.log(daysList)
           scope.daysList = daysList.weeks().days;
        }
    }
});
myapp.service("daysList",function(){

    return {
    
        weeks:function(){
        var toreturn =  {
        "days":['Monday','Tuesday','Wednesday','Thursday','Friday'],
        "month":['January','February','March']
        
            }
        return toreturn;
}
    }

});