JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="testApp" ng-controller="testController">
    <span ng-show="test.hidden">Not Visible!</span>
    <span ng-show="!test.hidden">Visible</span>
</div>

JavaScript

angular.module('testApp', [])
 .service('showAlertSrvc', ['$timeout', function($timeout) {
        return function(delay) {
            var result = {hidden:true};
            $timeout(function() {
                result.hidden=false;
            }, delay);
            return result;
        };
    }])
.controller('testController', function($scope, showAlertSrvc){
    $scope.test = showAlertSrvc(1000);
})