JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="myApp" ng-controller="myCtrl">
    <div test1 test2> </div>
</div>

JavaScript

var myApp = angular.module('myApp', []);
myApp.factory('fProvider', function() {
		console.log("factory");
    return function(){return "inner serv";}
});
myApp.service('sProvider', function() {
this.consoleIt = function(){return "inner fact";}
   console.log("serv");
});
myApp.directive("test1", function() {
    console.log("directive setup");
    return {
        compile: function() {console.log("directive compile");}
    }
});

myApp.directive("test2", function() {
console.log("directive setup2");
    return {
        link: function() {console.log("directive link");}
    }
});

myApp.run(function() {
    console.log("app run");
});

myApp.config( function() {
    console.log("app config");
});

myApp.controller('myCtrl', function($scope, sProvider, fProvider) {
console.log(sProvider.consoleIt());
console.log(fProvider());
    console.log("app controller");
});