"angular way" for dynamically using components/directives in single page application

"angular way" for dynamically using components/directives in single page
application

I'm very impressed with Josh answer about 'angular way' and declarative
style in client-side development
(http://stackoverflow.com/a/15012542/2670142).
But I have the questions how to do the next thing
I have single-page app with the menubar in the left side, and div
container on the right-side.
When user clicking the menu item in the left menubar, on the right side I
must to open the new tab with some grid. (something like this:
http://i.stack.imgur.com/FJ8FH.png)
In angular I realized the <grid> directive, I use it in the html-page like
this - <grid grid_model=value grid_view=value> etc. When user click
menuitem, I must add dynamically this grid directive with params on the
right side.
What the angular way for this case?
Thank you!