title: Custom suffix in Angular class names
body: <p>Is it possible to configure an Angular 7 (with CLI 7.x) project to use class name suffixes other than the default ones?</p>
  
  <p>More specifically, for classes that represent dialog boxes, I want to use <code>Dialog</code> in the end, and not <code>DialogComponent</code>, which is unnecessarily long. And for classes that represent pages I want to use <code>Page</code>, and not <code>PageComponent</code>.</p>
  
  <p><strong>examples:</strong></p>
  
  <ul>
  <li>use <code>LoginDialog</code> instead of <code>LoginDialogComponent</code></li>
  <li>use <code>MainPage</code> instead of <code>MainPageComponent</code></li>
  </ul>
  
  <hr>
  
  <p>Simple renaming isn't possible, due to the <code>tslint</code> rules preset within Angular.</p>