Layouts in angular

Layouts in angular

I am trying to develop a simple directive which can take a option of
layout configuration.
Lets say i want to render something like this on the page
I want to render this 4 co-ordinates in one directive, which can then
render directive1, in 1 and directive 2 in 2, directive 3 in 3 and
directive 4 in 4
1 | 3
|
------------|----------------
| 4
2 |
|
Any ideas?
Note, i can statically render, the page without any issues, question is
how do we render this dynamically, like..how an example directive would
look like? as creative as possible please.
Thank you.