Angular - Show or Hide based on Dropdown list value

Question

I want my Dropdown list to show/hide Div based on the value selected

I have a dropdown list and several Div in my angular project as shown in the code

Answer 1

You can add a variable that controls the selected value. For example selectedType, then, use ngIf to hide or show the elements.

In the .component.ts

  selectedType = 'opentype';

  onChange(event) {
    this.selectedType = event.target.value;
  }

In the html

  Reply Type

  
    Predefined
    Open Type
  



  Application Name
  
  
    Application Name is required! 



  Main Menu