AngularJS : How does the HTML compiler arrange the order for compiling?

Question

When there are multiple directives across multiple elements on a page, how does Angular\'s HTML compiler arrange the order for compiling?

Say I have the following ma

Answer 1

I asked the same question in the AngularJS mailing list and Peter Bacon Darwin gave a great answer with a jsfiddle for demonstration. Link