Я пытаюсь получить все элементы input
, которые существуют только после того, как логическое значение становится истинным.Таким образом, div
обернуто вокруг *ngIf
.Я попытался захватить элементы с помощью простого JavaScript, но он продолжает возвращаться пустым.Вот мой код:
test.component.html
<mat-checkbox (change)="toggleTest($event)">
Test check box
</mat-checkbox>
<div class="form-area" *ngIf="isTestChecked">
<input type="number">
<input type="text">
</div>
test.component.ts
isTestChecked = false;
toggleTest(event: any) {
this.isTestChecked = event.checked;
if (this.isTestChecked === true) {
const children = document.querySelectorAll('.form-area input');
console.log(children);
}
}
Таким образом, console.log
всегда печатает пустой массив.Однако если я вручную ввожу селектор запросов в консоли браузера после установки логического значения в значение true, тогда он возвращает оба элемента input
.
Что я делаю не так?Почему он не получит входные элементы после того, как они будут добавлены в DOM?Любая помощь будет оценена!