JSFiddle - React, Tailwind, and code Playground

by shengoo

HTML

<body>
    
<div class="splash" ng-cloak="">
    <p>Loading</p>
</div>
    
<!-- rest of app -->
<div ng-cloak="">
    <input ng-model="name" type="text" placeholder="Your name">
    <h1>Hello {{ name }}</h1>
</div>
</body>

CSS

[ng-cloak].splash {
    display: block !important;
}
.splash {
    background-color: #428bca;
    display: none;
}

JavaScript

angular.module('myApp', []);

var body = document.getElementsByTagName('body')[0];

setTimeout(function() {
  body.setAttribute('ng-app', 'myApp');
  angular.bootstrap(body, ['ng', 'myApp']);
}, 1000);