J AWS не может прочитать выпадающие значения, когда элемент добавляется после рендеринга DOM

Question

В моем приложении angular экран разделен на 2 части. Пользователю показана первая часть, в которой есть выпадающие меню, текстовые вводы и т. Д. c. Все значения читаются по J AWS. При нажатии кнопки загружается вторая часть экрана (и теперь она добавляется в DOM). Когда я просматриваю выпадающие значения, J AWS не может их прочитать. Это чтение другого поля, как ввод текста. Ниже приведен раскрывающийся список во второй части экрана.

 <select class="dropdownclass" tabindex="2"
                        aria-label="Select Confidentiality" formControlName="dropdown2" 
                        (change)="doSomething(form.controls['dropdown2'])">
                        <option value="" aria-label="Select drop down2"></option>
                        <option value="1" >Yes</option>
                        <option value="0" >No</option>
                      </select>  

Когда я помещаю этот код в первую часть экрана, которая загружается в начале, он работает нормально.