Edit in JSFiddle

(function(angular) {
  'use strict';
 //simulates the delay in loading the app/module
            function () {
                angular.bootstrap( document, [ "app" ] );
  var app = angular.module('app', []);
  app.controller('ctrlHome', [ctrlHome]);  
  //initializes the scope variables
  function initApp($rootScope, $timeout){    
    	$rootScope.appReady = true; 
      $rootScope.appMessage = 'App is ready';  

  function ctrlHome() {
    var ctrl = this;
    ctrl.message ='controller is ready';

<div ng-controller="ctrlHome as ctrl">
  <div class="body-content panel-body text-center">
    <h2 class="text-info">AngularJS App Splash View by ozkary.com</h2>
    <div class="row" ng-if="!appReady">
      <div class="col-sm-12">
        <div class="">
          <i class="fa fa-spin fa-spinner fa-5x"></i>
         App is loading
   <div class="body-content panel-body text-center" ng-cloak>
    <div class="row">
          <div class="col-sm-12">
          <i class="fa fa-thumbs-o-up fa-5x"></i>
    <div class="row">