angularjs - Ng-Show messages appear on page load -

i have tried following ng-show messages appear on page load:

[ng\:show], [ng-show], .ng-show {    display: none !important;  }	    [ng\:cloak], [ng-cloak], .ng-cloak {    display: none !important;  }  .error  {  	color:red; font-size: 12px; font-weight: 700;  }	

ng-cloak on body  ng-cloak on div  <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 col-xs-3">  		<p class="input-group">  			<input type="text" class="form-control" uib-datepicker-popup="{{format}}" name="servicereferraldate" ng-model="selectedline.service_referral_date" is-open="datepickers.servicereferraldate" datepicker-options="dateoptions" close-text="close" alt-input-formats="altinputformats" />  			<span class="input-group-btn">  				<button type="button" class="btn btn-default" ng-click="open($event,'servicereferraldate')"><i class="glyphicon glyphicon-calendar"></i></button>  			</span>								  		</p>  		<span class="error" ng-show="quickentryform.servicereferraldate.$dirty && quickentryform.servicereferraldate.$invalid">please enter valid date (format: yyyy-mm-dd).</span>  </div>