Adding a loading indicator to your Umbraco 7 packages
I was building a plug in recently which fetched data from the members section, being the conscientious developer that I am I wanted to add in a loading gif or indicator to let users know that something was happening while the data was being fetched. After a bit of searching I found this post on the Umbraco forums which gave the answer.
To show the native Umbraco 7 loader you can use this directive:
<umb-load-indicator ng-if="vm.loading"> </umb-load-indicator>
Where the ng-if directive is looking at a variable that your controller will toggle based on the loading state of your plugin.
You can see the Umbraco usage description here.