JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-controller="c1" ng-cloak >c1 {{isAlive}}</div>
<div id="c2-wrap"></div>

JavaScript

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

angular.element(document).ready(function () {
    angular.bootstrap(document, ['app']);
});

//c1
app.controller('c1', ['$scope', '$compile', c1Fn]);
app.controller('c2', ['$scope', '$compile', c1Fn]);

function c1Fn($scope){
	$scope.isAlive = 'is alive';
}
setTimeout(wtf, 500);

function wtf(){
	var myLovelyHTML = '<div ng-controller="c2">c2 {{isAlive}}</div>';
    
    document.getElementById('c2-wrap').innerHTML = myLovelyHTML;    
}