Как отобразить выпадающие значения на основе других выпадающих значений с использованием машинописи в приложении 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 для вышеуказанной функциональности.