Erhalte ExpressionChangedAfterItHasBeenCheckedError beim Öffnen von Bootstap Modal in eckig 4 ​​

Question

beim Auswählen von Optionen zum Auswählen von ExpressionChangedAfterItHasBeenCheckedError, aber Modal wird geöffnet.

Wie wird dieser Fehler behoben?

<select #pageOptions="ngModel" class="form-control pull-right col-lg-4" (change)="changePageOptions(pageSelect)" [(ngModel)]="page_options[i].option" name="pageOptions{{i}}"> 
    <option value="">More Options</option> 
    <option value="move_page">Move Page</option> 
    <option value="delete_page">Delete Page</option> 
    <option value="copy_page">Copy Page</option> 
</select> 

Und js Code

changePageOptions(content){ 

    this.modalService1.open(content).result.then((result) => { 
     this.closeResult = `Closed with: ${result}`; 
    }, (reason) => { 
     this.closeResult = `Dismissed ${this.getDismissReason(reason)}`; 
    }); 
} 

Answer 1

Es ist ein Lifecycle-Fehler (falls Sie wissen wollte).

Um dies loszuwerden, Trigger Änderungserkennung wieder:

changePageOptions(content) { 
    this.modalService1.open(content).result.then((result) => { 
    setTimeout(() => this.closeResult = `Closed with: ${result}`); 
    }, (reason) => { 
    setTimeout(() => this.closeResult = `Dismissed ${this.getDismissReason(reason)}`); 
    }); 
}