Skip to main content

Posts

Showing posts with the label What about ng-Cloak directive in AngularJs?

What about ng-Cloak directive in AngularJs?

Hello everyone, Today I am going to share the interesting articles about ng-cloak directive . 1. What is ng-cloak directive? 2. Why we use it? The ng-cloak directive are use to prevent the un-compiled elements from being displayed and un-compiled elements can be an element that hold and wait for incoming data. i.e. < div ng-cloack>{{ myCloackVar }}</ div > <div ng-cloack>{{ myCloackVar }}</div> If myCloackVar controller is not compiled or the myCloackVar data is not populated in ng-cloak prevent {{ myCloackVar }} from being displayed and display only the HTML div when the myCloackVar variable is compiled. I am going to share the example code sample with ng-cloak and without ng-cloak as given below. Click for live Plnkr Demo <!DOCTYPE html> <html> <head>    <link rel= "stylesheet" href= " http://getbootstrap.com/2.3.2/assets/css/bootstrap.css " >    <style> ...