title: AngularJS - Reusable directive and service layer
body: <p>My company has a legacy suite of applications for stock market related activities that we are re-writing in AngularJS. One very common use case is looking up a stock/security. Regardless of the application, the screens and api calls are the same. Our goal is to create directives and controllers/services that can be consumed by multiple applications. </p>
  
  <p>What is the recommended approach for componentizing not only the directives (most online examples are trivial and not data consuming) but also the controllers and services used to populate data in that directive? Any pointers would be greatly appreciated.</p>