JSFiddle - React, Tailwind, and code Playground

by samu_eyes

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.3/angular.js"></script>
<script>
var app = angular.module('app', []);
    
app.controller('ctrl', ['$scope', function ($scope) {
    $scope.message = 'hello';
}]);    
</script>

<div ng-app="app" ng-controller="ctrl">
{{message}}
</div>

JavaScript

function getScope(ctrlName) {
    var sel = 'div[ng-controller="' + ctrlName + '"]';
    return angular.element(sel).scope();
}

function changeText() {
    var $scope = getScope('ctrl');
    $scope.message = 'goodbye';
    $scope.$apply();
}    

jQuery(document).ready(function($) {
    setTimeout(changeText, 3000);
});