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.

<divng-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.