Hide element HTML when load AngularJS

Question

I am a beginner in angularJS, and do not write good English.

I have the following code

 <span class="custom-marker-price" ng-bind="property.rentValue"></span>

How can I hide the element span (IMG1) when load angular...

Answer 1

Well, if im correct you should use ng-hide property. Inside of span after class add ng-hide='hideIt'

and inside of controller at first line put: $scope.hideIt=false;

And when you want to hide it just put boolean variable in true: $scope.hideIt = true;

You could also use ngif property.

Hope this help!

Answer 2

ngCloak

• directive in module ng

The ngCloak directive is used to prevent the AngularJS html template from being briefly displayed by the browser in its raw (uncompiled) form while your application is loading. Use this directive to avoid the undesirable flicker effect caused by the html template display.

— AngularJS ng-cloak Directive API Reference