Hide elements until loaded

[bennypowers]

I'm trying to use angular-loading-spinner as a replacement for ng-cloak I want to hide my form until the data is loaded, but display a spinner until that point.

Right now I'm doing
`

` This results in three loading stages: 1) before ajax begins: I see {{angular data}} on the page 2) Ajax begins, result not back yet: form hidden, spinner shown 3) ajax finished: complete form shown, spinner hidden.

What I want is

1. form hidden, spinner shown
2. "
3. spinner hidden form shown

How can I achieve that?

Thanks for the great directive!