title: how to show the lists based on the switch case in angular
body: <p>I need to show the dropdown lists based on the selected value from the first dropdown</p>
  <p><strong>.constant.ts</strong></p>
  <pre><code>export const recordConstant = {
      memberContact: 'Member Contact',
      about: 'About',
      other: 'Other',
      standarActions:'Standard Actions',
    gymSignUp: 'Gym Sign Up',
      gymVisits: 'Gym Visits'
      }
  </code></pre>
  <p><strong>.component.ts</strong></p>
  <pre><code>export class RecordComponent implements OnInit, OnDestroy {
  
   public recordConstant= RecordConstant;
  
  public memberContactCodes: LookupActionCode[];
    public memberContactCodes: LookupActionCode[];
    public otherCodes: LookupActionCode[];
    public standardActionCodes: LookupActionCode[];
    public aboutCodes: LookupActionCode[];
  
  
  ngOninit(){
  }
  public getMemberContactActionCodes() {
      let baseUrl = `/endpoint`;
      this._restfulService
        .restfulGetData(baseUrl)
       .subscribe(
          (actionLookupData: ActionLookupData) =&gt; {
            if (actionLookupData) {
              this.memberContactCodes = actionLookupData.MemberContactCodes;
             this.otherCodes = actionLookupData.OtherActionCodes;
              this.standardActionCodes = actionLookupData.StandardActionCodes;
              this.aboutCodes = actionLookupData.BillingActionCodes;
              }
         
  }
  
  public setActionList(){
   //let  Lists
    //let ActionLists = LookupActionCode[this.Name]
    let Lists:any =''
    switch(this.actionType){
      case ActionRecordConstant.memberContact:
        Lists = this.memberContactCodes;
        break;
        case RecordConstant.referral:
        Lists = this.aboutCodes;
        break;
        case RecordConstant.other:
        Lists = this.otherCodes;
        break;
        case Constant.standardActions:
        Lists = this.standardActionCodes;
        break;
  case: Constant.gymSignUp:
  Lists = ///
  break;
    }
    return Lists;
  
  }
  </code></pre>
  <p><strong>.component.html</strong></p>
  <pre><code>&lt;label for=&quot;action&quot; class=&quot;cpp-required&quot;&gt; &lt;b&gt;Category&lt;/b&gt;&lt;/label&gt;
  &lt;select class=&quot;form-control&quot; required (change) =&quot;setActionList()&quot;&gt;
                  &lt;option value=&quot;&quot; disabled [selected]=&quot;true&quot;&gt;&lt;/option&gt;
               
                  &lt;option [value] = &quot;recordConstant.about&quot;&gt;
                   {{actionRecordConstant.about}}
                  &lt;/option&gt;
                  &lt;option [value] =&quot;recordConstant.memberContact&quot;&gt;
                    {{actionRecordConstant.memberContact}}
                   &lt;/option&gt;
                   &lt;option [value]=&quot;recordConstant.other&quot; &gt;
                    {{actionRecordConstant.other}}
                   &lt;/option&gt;
                   &lt;option [value] =&quot;recordConstant.standActions&quot;&gt;
                    {{actionRecordConstant.billing}}
                   &lt;/option&gt;
          &lt;/select&gt;
   &lt;label for=&quot;action&quot; class=&quot;cpp-required&quot;&gt; &lt;b&gt;Lists&lt;/b&gt;&lt;/label&gt;
   &lt;select class=&quot;form-control&quot;&gt;
                  &lt;option value=&quot;&quot; disabled [selected]=&quot;true&quot;&gt;&lt;/option&gt;
                 &lt;option *ngFor=&quot;let actionlist of Lists&quot;
                    [value] =&quot;actionlist.Name&quot;&gt; {{actionlist.Name}}&lt;/option&gt;&lt;/select&gt;
  
  </code></pre>
  <p>From the above based on the selection of Category Ihaveto change the lists
  I have tried the above code but not showing the lists based on the first dropdown selection</p>
  <p>Can anyone help me on this</p>