title: General approach of left side menu that loads different content in a center of the page
body: <p>I've started to learn AngularJS but I need some application design hints. Of course I'm not asking about the layout but ... how to design my application and it's controllers in a proper way. I have left sidebar with a menu that is loaded from the web using JSON. That needs a controller. That's fine. It works for me. There's a content box as well in a center of my page that loads some data dynamically. In my opinion it requires another controller. </p>
  
  <p>And now comes my solution, that somehow doesn't look good IMHO. When I click a menu item in my sidebar I'm loading a content. Then I'm passing this data into a Service which emits an Event afterwards to the Second controller (which is responsible for controlling my content in a center of my page). When it receives this event it simply gets previously loaded data from the Service and displays it. It generally works.... but ... I'm pretty sure that's not the proper way of doing this. </p>
  
  <p>I would be grateful for any hints. AngularJS has a really poor documentation and tutorial :(</p>
  
  <p>cheers</p>
  
  <p>EDIT:</p>
  
  <p>OK. That's my basic application using JQuery:</p>
  
  <p><a href="http://greatanubis-motoscore.rhcloud.com/index" rel="nofollow noreferrer">http://greatanubis-motoscore.rhcloud.com/index</a></p>
  
  <p>And that's the same application I'm converting into AngularJS:</p>
  
  <p><a href="http://greatanubis-motoscore.rhcloud.com/angular/index" rel="nofollow noreferrer">http://greatanubis-motoscore.rhcloud.com/angular/index</a></p>
  
  <p>No worries, some text is in Polish but... I think it really doesn't matter ;) </p>
  
  <p>Note for the AngularJS version: At the moment the content is a HTML but finally it will load JSON data as the other controllers.</p>