title: form component data from the web-api on every page
body: <p>I have various page in my project and each page contain lots of drop down.</p>
  
  <p>For getting options of drop-down from web-api and then i store this variable in angular service variable for further use in another view.</p>
  
  <p>But i didn't get the way where should i call web-api to get drop-down data so that it doesn't matter which page should i open first or by default???</p>
  
  <p>And i get options of drop-down every where.Currently i calling web-api in the controller which is correspond to my first view of application. </p>
  
  <p>My approaches regarding this:
  Method 1: I create a root controller in which i call angular service which call web-api to get data. The view is already render on view-port before get the the from web-api. </p>
  
  <p>Method 2: i call angular service which call web-api in controller(not root controller which to specific to a view) and populate data in drop-down after successful callback from service so this working fine but it's not generic</p>