document.body[0] это что ваще за елемент?

коллекция же

Ну так byTagName

@nurmuhammadkholmuhammadov что конкретно какие елементы надо изменить?

ну вообщем суть такова пользователю  приходить код подтверждения если набранный код правильный то ему откроется остальные форма(delete class displa-none).  тут есть ошибка которую хочу  решить. ошибка в том что если бровзер перезагружается что пользователю придется заново набрать номер и код подтверждению. я тут проверяю если код правильно я в localstorage добавляю флаг "isVerified = 1" и не нужное элементы хочу спрятать добавив к ними класс (display-none).

Почему не просто ngIf?

не получился

это форма

@ViewChild('el', {static: false}) el: ElementRef;(#el)
private cd: ChangeDetectorRef

ngAfterViewInit(){
this.el.nativeElement.setAttribute("","")
this.cd.detectChanges();
}

почему то такая ошибка выходить

всем привет
надо выводить список стран с флагами и коды номер телефонов страны
кто какие либы юзал?

Лучше использывать дерективу *ngIf. Типа *ngIf="isVerifield !== 1"

Ну форма и форма, что не получилось то? Я конечно может после праздников не очень соображаю, но делать так как делаешь ты - точно неправильно.

В крайнем случае если ты уж хочешь скрывать - используй [hidden]

В дом дерево напрямую тут явно нет потребности лезть

И типа скрывать элемент с помощью d-none считается плохой практикой, по-сколько он все равно остается в дом дереве и производительность хуже. Если ты используешься класс, ты так же можешь использывать биндинг, типа [class.d-none]="isVerifield !== 1"

static: true, попробуй

@ViewChild('verification_button', { static: false, read: ElementRef }) el: ElementRef<HTMLButtonElement>;

пробуй

ну я конечно не гений, но лучше делай это с помощью ngIf, тогда перфоменс не срадает и у тебя что то появляется или удаляется