title: Show hide text box when specific option is selected from dropdown inside dynamic form Angular
body: <p>I have a form where a user could <strong>add</strong> <code>one/more</code> div of <strong>Address</strong> on <code>click</code> of add <strong>button</strong>.</p>
  
  <p>I want if user <strong>select</strong> <code>options=5</code> from the dropdown, want to show and hide textbox in that particular address Div.</p>
  
  <p><strong>Component Code</strong></p>
  
  <pre><code>        get contactFormGroup() {
              return this.form.get('Array') as FormArray;
            }
  
            ngOnInit() {
              this.form= this.fb.group({
                Array: this.fb.array([])
              });
            }
  
            createContact(): FormGroup {
              return this.fb.group({
                ABC: [null, Validators.compose([Validators.required])],
                Test: [null, Validators.compose([Validators.required])]
              });
            }
  
            addContact() {
              this.Group.push(this.createContact());
            }
  
            showValue(event) {
              const selectedValue = event;
              if (selectedValue === '5') {
                  this.showValuetxtbox = true;
              } else {
                  this.showValuetxtbox = false;
              }
            }
  </code></pre>