title: Re-rendererd child component on click on button on parent component
body: <p>I want to re-rendered my child component (app-action-buttons-modele) which has a select when I click on the button.</p>
  <p>My parent component :</p>
  <ul>
  <li>HTML</li>
  </ul>
  <pre><code>     
      &lt;button type='button' mat-button (click)=&quot;addItem()&quot; mat-flat-button color=&quot;primary&quot;&gt; 
          Ajouter un élément aux listes 
      &lt;/button&gt;
      
      &lt;app-action-buttons-modele 
          (addTheme)=&quot;addTheme($event)&quot; 
          [showQuestion]=&quot;false&quot; 
          [supprimer]=&quot;false&quot; 
          [reloadComponent]=&quot;test&quot;&gt;
      &lt;/app-action-buttons-modele&gt;
  </code></pre>
  <ul>
  <li>TS</li>
  </ul>
  <pre><code>
      test : boolean;
      addItem(){
          const dialogRef = this.dialog.open(QuestionsModalComponent, { 
              width : &quot;70%&quot;,
          }) 
          dialogRef.afterClosed().subscribe(() =&gt; {
              this.test = true ; 
          }); 
      }
  </code></pre>
  <p>My child component :</p>
  <ul>
  <li>HTML</li>
  </ul>
  <pre><code>
    &lt;ng-container *ngIf=&quot;questions$ | async as questions&quot;&gt;
      &lt;mat-form-field *ngIf=&quot;showQuestion&quot; appearance=&quot;outline&quot;&gt;
        &lt;mat-label&gt;Ajouter une question&lt;/mat-label&gt;
        &lt;mat-select
          [(ngModel)]=&quot;questionSelected&quot;
        &gt;
          &lt;mat-option (click)=&quot;addNewQuestion(this.questionSelected)&quot; *ngFor=&quot;let question of questions&quot; [value]=&quot;question&quot;&gt;
            {{question.titre}}
          &lt;/mat-option&gt;
        &lt;/mat-select&gt;
      &lt;/mat-form-field&gt;
    &lt;/ng-container&gt;
  </code></pre>
  <ul>
  <li>TS</li>
  </ul>
  <pre><code>
      @Input() reloadComponent = false
      ngOnInit() : void { 
          this.getQuestions();
      }
      ngOnChanges() {
          if(this.reloadComponent){
              this.getQuestions() 
          }
      }
      
      getQuestions(){
          this.questions$ = this.questionsServices.get(&quot;Question&quot;)
      }
  </code></pre>
  <p>I tried to add an <code>ngOnChanges</code> event on my child component and when I click on the button, the <code>test</code> data changes, so the child component reloads.
  The problem is that when I click on the button, my component is reloaded but I have to click twice to open my select button. Actually, <code>getQuestions()</code> run when I click on my select.</p>