Bonjour.

j'ai un système de popup

<div #popup *ngIf="inscription">I

    @ViewChild('popup') div;
    public inscription:boolean = false;

    constructor(private httpClient:HttpClient, private memberService:MemberService) {
    }

    popupColor(count:number){
      if(this.inscription){
        if(this.div.nativeElement.style.backgroundColor== 'green'){
          this.div.nativeElement.style.backgroundColor= '#474749';
        }else{
          this.div.nativeElement.style.backgroundColor= 'green';
        }
      }else if(!this.inscription){
        if(this.div.nativeElement.style.backgroundColor== 'green'){
          this.div.nativeElement.style.backgroundColor= '#474749';
        }else{
          this.div.nativeElement.style.backgroundColor= 'green';
        }
      }
      count++;

      if(count<10){
        setTimeout( () => { {this.popupColor(count)} },500)
      }

    }

lorsque je met inscription=false il ne trouve pas la div dans le dom une fois qu'elle apparait (par une function httpclient response qui passe inscription a true). Si je met inscription=true dès le début biensur ca marche.

ERROR TypeError: this.popup is undefined

Edit :

A par julp vous êtes décidément trop lent pour moi xD

Solution :

    constructor(private httpClient:HttpClient, private memberService:MemberService,private changeDetector : ChangeDetectorRef) {
    }

appeler cette fonction avant de vouloir agir sur le nouveau dom :

		    this.changeDetector.detectChanges();

Résolu.

-
Edité par -Crixus- 6 août 2020 à 22:57:26