title: Angular not pushing form data to array
body: <p>I'm trying to create a simple messaging app. Without reloading the page, I want to push whatever the user writes to an array as well as db and then *ngFor that array to the page. I appreciate any help!</p>
  
  <pre><code>  &lt;div id="messageBody" *ngFor="let message of messageInfo"&gt;
  
      &lt;ul class="chatBox"&gt;
  
        &lt;li [ngClass]="[message.creator._id === this.user ? 'me' : 'him']" id="timeStamp"&gt; &lt;span
            id="messageStats"&gt;{{message.creator.name}}&lt;br&gt;{{message.creationDate | date: 'medium'}}&lt;/span&gt;&lt;br&gt;&lt;br&gt;
          {{message.message}}&lt;/li&gt;
      &lt;/ul&gt;
  
    &lt;/div&gt;
    &lt;div id="messageBody" *ngIf="replying &amp;&amp; messageSent"&gt;
  
      &lt;div id="chatBoxContainer"&gt;
  
        &lt;ul class="chatBox" *ngFor="let post of this.currentPosts"&gt;
  
          &lt;li class="me" id="timeStamp"&gt; &lt;span id="messageStats"&gt; Your Reply
              &lt;br&gt;{{post.replySentTimeStamp | date: 'medium'}}&lt;/span&gt;&lt;br&gt; &lt;br&gt; {{post.replyMessage}}&lt;/li&gt;
        &lt;/ul&gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p>message.component.ts</p>
  
  <pre><code> sendReplyMessage(form: NgForm) {
  
      if (form.invalid) {
        return;
      }
  
   let currentMessages = [];
  form.value.replySentTimeStamp = Date.now();
  currentMessages.push(...[{timeStamp: Date.now(), message: form.value.message}]);
  this.replyMessage = "";
  
  
      this.replying = true;
      this.messageSent = true;
      this.creationDate = new Date();
      this.toastr.success('Message Sent');
      this.replySentTimeStamp = new Date();
  
  
      this.messagingService.replyToMessage(this.name, this.replyMessage, this.creationDate, this.lastSenderId, this.subject, this.messageTrackingIdResponse);
  
    }
  </code></pre>