JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app='app' ng-controller='OuterCtrl'>
        <div ng-controller='dynamicCtrl'>
            {{message}}
        </div>
    </div>

JavaScript

var InnerCtrlAsLocalVariable = ['$scope',
            function($scope) {
                $scope.message = 'from controller defined in module - want';
            }
        ]

    angular.module('app', [])
        .value('InnerCtrl',InnerCtrlAsLocalVariable)
        .controller('OuterCtrl', ['$scope','$injector', 
            function($scope, $injector) {
                
                // Instead of doing this...
                $scope.dynamicCtrl = $injector.get('InnerCtrl');
                
                // ...I want to do something like this:
                // $scope.dynamicCtrl = resolveCtrl('InnerCtrlFromModule');                                               
            }
        ])
    
        .controller('InnerCtrlFromModule', InnerCtrlAsLocalVariable)