如何根據選項列表值顯示下拉列表

Question

我有一個角度應用程序，我必須根據選擇列表值顯示下拉列表。

.service.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);
        }
      );
  }

.component.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>

所以在上面的代碼中，如果我從選擇列表中選擇 option1，我必須顯示 option1Data 下拉列表等。

誰可以幫我這個事

Answer 1

<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>

請將上面的代碼放在 HTML 文件中。 希望此代碼對您有所幫助