title: Defining and organizing inner classes with Angular 2
body: <p>I am currently working on a complex Angular 2 component. Several of the private members of the component are custom objects I created. For instance :</p>
  
  <pre><code>private customDataGrid: CustomDataGrid;
  </code></pre>
  
  <p>The <a href="https://angular.io/styleguide#!#application-structure-and-angular-modules" rel="nofollow noreferrer">angular style guide</a> does not really mention any best practices regarding this scenario. So how to organize the code and the folder structure to maximize the re usability of my component ? Should I :</p>
  
  <ol>
  <li>Declare my CustomDataGrid as an inner/nested class of my component ?</li>
  <li>Declare my CustomDataGrid in a separate file located in the component folder ? If so what naming convention should I use ?</li>
  <li>Move my CustomDataGrid to a module ?</li>
  <li>Other ?</li>
  </ol>
  
  <p>thanks,</p>