Here we will learn ng-cloak directive in Angular JS and a simple example of the ng-cloak directive. Angular Js provides a special type of directive which is used to prevent the document from showing incomplete Angular Js code while your application is loading.
What is ng-cloak directive in Angular JS?
Angular Js provides a special type of directive which is used to prevent the document from showing incomplete Angular Js code while your application is loading.
The ng-cloak directive also prevent the application from showing some undesirable flcker effect while the application is loading.
Systax:
<element ng-cloak></element>
Where element can be any html element like <p>, <div> etc.
Example:
<!DOCTYPE html>
<html>
<title>
Angular JS Example
</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
<p ng-cloak>{{ 10 + 5 }}</p>
<p>
The example will show how can we prevent our application from showing incomplete Angular Js code while the application is loading.
</p>
</div>
</body>
</html>
View More:
- ng-idle module in Angular Js.
- How to Post Form Data to Salesforce using Node.Js and Angular Js.
- Angular JS form Validation.
- Services in Angular JS.
Conclusion:
I hope this is a useful tutorial for you. Please don’t hesitate to comment for any technical help. Your feedback and comments are appreciated.
Thank You.
It’s going to be finish of mine day, however before end I am reading this fantastic article to improve my know-how.|
I could not refrain from commenting. Exceptionally well written!|
With havin so much content and articles do you ever run into any problems of plagorism or copyright violation? My blog has a lot of unique content I’ve either written myself or outsourced but it appears a lot of it is popping it up all over the internet without my agreement. Do you know any solutions to help reduce content from being ripped off? I’d genuinely appreciate it.|