AngularJS: show loading HTML until data is loaded

Question

How do I have AngularJS show a loading spinner until the data has finished loading?

If my controller has $scope.items = [{name: \"One\"}] set up statica

Answer 1

I would create custom directive and put default markup with spinner.

Here are some links on custom directives

1) Egghead videos are awesome! http://www.egghead.io/video/xoIHkM4KpHM

2) Official Angular docs on directives http://docs.angularjs.org/guide/directive

3) Good overview of angular in 60ish minutes http://weblogs.asp.net/dwahlin/archive/2013/04/12/video-tutorial-angularjs-fundamentals-in-60-ish-minutes.aspx