Tengo una aplicación angular en la que tengo que mostrar la lista desplegable en función de los valores de la lista de selección.
.servicio.ts
public getLists() { let baseUrl = `/endpoint`; this._restfulService .restfulGetData(baseUrl) .subscribe( (LookupData: LookupData) => { if (LookupData) { this.option1data = LookupData.option1Data; this.option2data = LookupData.option2Data; this.option3data = LookupData.option3Data; this.option4data = LookupData.option4Data; } }, (err) => { console.error(err); } ); }.componente.html
<div class="row"> <div class="form-group"> <div class="col-sm-3"> <label for="action"> <b>Category</b></label> </div> <div class="col-sm-7"> <select> <option value="" disabled [selected]="true"></option> <option>option1</option> <option>option2</option> <option>option3</option> <option>option4</option> </select> </div> </div> </div> <div class="row> <div class="form-group"> <div class="col-sm-3> <label for="action"> <b>Lists</b></label> </div> <div class="col-sm-7"> <select> <option value="" disabled [selected]="true"></option> <option> //In this dropdown I have to show the lists based on the selection of picklists </option> </select> </div> </div> </div>Entonces, en el código anterior, si selecciono la opción 1 de la lista de selección, tengo que mostrar la lista desplegable de datos de la opción 1, etc.
Puede alguien ayudarme con esto
<div class="row"> <div class="form-group"> <div class="col-sm-3"> <label for="action"> <b>Lists</b></label> </div> <div class="col-sm-7"> <select> <option disabled selected="true">Select pick</option> <option *ngFor="let items of LookupData" [ngValue]="items.name"> {{ items.name }} </option> </select> </div> </div> </div>por favor, ponga el código anterior en el archivo HTML. Espero que este código te sea útil.