title: Declaring and Initializing a class and using that in other classes in angular
body: <p>I am trying to understand some angular basics. I have created a class like this. I am not sure this is the correct approach.</p>
  <pre><code>export class Cars{
      Items:Car[]=[];
      /**
       *
       */
      constructor() {
          this.Items = [
              { id: &quot;1&quot;, name: &quot;Honda&quot; },
              { id: &quot;2&quot;, name: &quot;Hyundai&quot; },
              { id: &quot;3&quot;, name: &quot;Nissan&quot; },
              { id: &quot;4&quot;, name: &quot;Suzuki&quot; },
              { id: &quot;5&quot;, name: &quot;Audi&quot; },
              { id: &quot;6&quot;, name: &quot;BMW&quot; },
              { id: &quot;7&quot;, name: &quot;Mercedes&quot; },
              { id: &quot;8&quot;, name: &quot;Toyota&quot; }
            ];        
      }
  }
  
  interface Car{
      id:string;
      name:string;
  }
  </code></pre>
  <p>I have created this because we have different components in which many dropdowns are required to feed with these Car brands. So I created this in a Ts files called <strong>cars.model.ts</strong></p>
  <p>So how can I use these across different components dropdowns. Please ignore my poor language.</p>