JSFiddle - React, Tailwind, and code Playground

by Alen Doe

HTML

<div ng-app="app" ng-controller="MyController as vm">
  <div class="preloader" ng-hide="vm.isReady"></div>
  <div class="content" ng-if="vm.isReady" ng-cloak>Идейные соображения высшего порядка, а также консультация с широким активом представляет собой интересный эксперимент проверки соответствующий условий активизации. Идейные соображения высшего порядка, а также постоянный количественный рост и сфера нашей
    активности способствует подготовки и реализации направлений прогрессивного развития. Идейные соображения высшего порядка, а также дальнейшее развитие различных форм деятельности в значительной степени обуславливает создание позиций, занимаемых участниками
    в отношении поставленных задач. Идейные соображения высшего порядка, а также консультация с широким активом в значительной степени обуславливает создание форм развития. Таким образом реализация намеченных плановых заданий в значительной степени обуславливает
    создание модели развития.</div>
</div>

CSS

.preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('http://s018.radikal.ru/i527/1607/3d/2dd8353d01b2.gif') no-repeat;
}

JavaScript

(function() {
  angular.module('app', []);

  angular.module('app')
    .controller('MyController', MyController);

  MyController.$inject = ['$timeout'];

  function MyController($timeout) {
    var vm = this;
    vm.isReady = false;
    init();
    //////////////////////////
    function init() {
      $timeout(function() {
        vm.isReady = true;
      }, 1000);

    }
  }
})()