JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

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


app.controller('myCtrl', function($scope,aValue, $timeout) {
    console.log ("in controller ",aValue);
})

app.value('aValue', 'something');


app.config(['$injector', function ($injector) {
   
    $injector.proper =
        {get : $injector.get,
         invoke : $injector.invoke,
         instantiate : $injector.instantiate,
         annotate : $injector.annotate,
         has : $injector.has
        }
    
    function getDecorator(serviceName)
    {
        console.log("injector GET: ", serviceName);
        return this.proper.get(serviceName);
    }
    
     function invokeDecorator(fn, self, locals)
    {
        console.log("injector INVOKE: ", fn, self, locals);
        return this.proper.invoke(fn, self, locals);
    }
    
     function instantiateDecorator(Type, locals)
    {
        console.log("injector INSTANTIATE: ", Type, locals);
        return this.proper.instantiate(Type, locals);
    }
    
     function annotateDecorator (fn)
    {
        console.log("injector ANNOTATE: ", fn);
        return this.proper.annotate(fn);
    }
    
     function hasDecorator(name)
    {
        console.log("injector HAS: ", name);
        return this.proper.has(name);
    }
    
    $injector.get = getDecorator;
    $injector.invoke = invokeDecorator;
     $injector.instantiate = instantiateDecorator;
     $injector.annotate = annotateDecorator;
     $injector.has = hasDecorator;
}]);