title: Angular good practices for names model
body: <p>I'm using Angular 7 and I have a doubt about the good practices for the names:</p>
  <p>When I declare a service like <code>cat.services.ts</code> I write on the service:</p>
  <pre><code>export class CatServices
  {
  [...]
  }
  </code></pre>
  <p>And on the component I use <code>CatServices</code>:</p>
  <pre><code>[...]
  private  catServices: CatServices;
  
    constructor
    (
      private catServices: CatServices,
    )
  [...]
  </code></pre>
  <p>But for the model can I concatenate the name of the model like Hero and the key <code>Model</code> (like for the service and component)?</p>
  <p>For instance:</p>
  <pre><code>export interface HeroModel
  {
  [...]
  }
  </code></pre>
  <p>Is it right or no? And why?
  I have read the <a href="https://angular.io/guide/styleguide" rel="nofollow noreferrer">doc</a> but I have not understood very well for the model part names.</p>