Как отобразить выпадающие значения на основе других выпадающих значений с использованием машинописи в приложении Angular 2

Я занимаюсь разработкой приложения Angular 2, в моем текущем проекте мне нужна функциональность для отображения выпадающих значений, основанных на годе, марке, модели. Например, если я выбираю Honda, то в раскрывающемся списке моделей отображаются только модели Honda.

По умолчанию я свяжу полные данные за год, марку и модель.

Это мой взгляд.

VehicleComponent.html

  <div class="row form-group">
                                    <div class="col-md-3">
                                        <label  class="control-label">Year*</label><br />
                                        <select  friendly-name="Year" id="year" name="year" class="col-md-6 form-control"  ng-required="true" onchange='OnChange()' >
                                            <option>Select</option>

                                            <option *ngFor='let type of lookupdetailsvehicleyearinfo'>{{type.LookupValue}}</option>

                                        </select>
                                    </div>
                                    <div class="col-md-3">
                                        <label  class="control-label">Make*</label><br />
                                        <select friendly-name="Make" class="col-md-6 form-control" ng-required="true" >
                                            <option>Select</option>
                                            <option *ngFor='let type of lookupdetailsvehiclemakeinfo'>{{type.LookupValue}}</option>
                                            </select>
                                    </div>
                                    <div class="col-md-3">
                                        <label  class="control-label">Model*</label>
                                        <select  friendly-name="Model" class="col-md-6 form-control" ng-required="true" >
                                            <option>Select</option>
                                            <option *ngFor='let type of lookupdetailsvehiclemodelinfo'>{{type.LookupValue}}</option>
                                           </select>
                                    </div>                                      
                                </div>

Я получу вышеуказанные данные от My Own API.

Подскажите, пожалуйста, как написать машинописный код в приложении angular 2 для вышеуказанной функциональности.

Ответы на вопрос(2)

Ваш ответ на вопрос