title: How to display the dropdown values based on other dropdown value using typescript in Angular 2 application
body: <p>I am developing angular 2 application, in my current project I want the functionality for displaying dropdown values based on year, make, model. For example if I select Honda then display only Honda models in model dropdown.</p>
  <p>By default I will bind the complete data for year, make and model.</p>
  <p>This is my view.</p>
  <p><a href="https://i.stack.imgur.com/GKPdE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GKPdE.png" alt="enter image description here" /></a></p>
  <p><strong>VehicleComponent.html</strong></p>
  <pre><code>&lt;div class=&quot;row form-group&quot;&gt;
      &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;label  class=&quot;control-label&quot;&gt;Year*&lt;/label&gt;&lt;br /&gt;
          &lt;select  friendly-name=&quot;Year&quot; id=&quot;year&quot; name=&quot;year&quot; class=&quot;col-md-6 form-control&quot;  ng-required=&quot;true&quot; onchange='OnChange()' &gt;
              &lt;option&gt;Select&lt;/option&gt;
              
              &lt;option *ngFor='let type of lookupdetailsvehicleyearinfo'&gt;{{type.LookupValue}}&lt;/option&gt;
             
          &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;label  class=&quot;control-label&quot;&gt;Make*&lt;/label&gt;&lt;br /&gt;
          &lt;select friendly-name=&quot;Make&quot; class=&quot;col-md-6 form-control&quot; ng-required=&quot;true&quot; &gt;
              &lt;option&gt;Select&lt;/option&gt;
              &lt;option *ngFor='let type of lookupdetailsvehiclemakeinfo'&gt;{{type.LookupValue}}&lt;/option&gt;
              &lt;/select&gt;
      &lt;/div&gt;
      &lt;div class=&quot;col-md-3&quot;&gt;
          &lt;label  class=&quot;control-label&quot;&gt;Model*&lt;/label&gt;
          &lt;select  friendly-name=&quot;Model&quot; class=&quot;col-md-6 form-control&quot; ng-required=&quot;true&quot; &gt;
              &lt;option&gt;Select&lt;/option&gt;
              &lt;option *ngFor='let type of lookupdetailsvehiclemodelinfo'&gt;{{type.LookupValue}}&lt;/option&gt;
             &lt;/select&gt;
      &lt;/div&gt;                                      
  &lt;/div&gt;
  </code></pre>
  <p>I will get the above data from My Own API's.</p>
  <p>Can you please tell me how to write the typescript code in angular 2 application for the above functionality.</p>