title: To push single string to an array
body: <p>I have an component called <strong>UpdateContact</strong> which is displayed in <code>dialog</code> window,This component is used to display the injected object  and will perform <strong>PUT</strong> operation of that injected object.Component Code as follows:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form [formGroup]="updateForm"&gt;
      &lt;mat-form-field&gt;
          &lt;input matInput [(ngModel)]="data.name"   placeholder="Name"  formControlName="Name"&gt;
      &lt;/mat-form-field&gt;
      &lt;mat-form-field&gt;
          &lt;input matInput [(ngModel)]="data.EMailAddresses"  placeholder="Email Address"  formControlName="Email"&gt;
          &lt;mat-error *ngIf="updateForm.controls.email.hasError('email')&gt;
               Please enter a valid email address
          &lt;/mat-error&gt;
      &lt;/mat-form-field&gt;
      &lt;button mat-flat-button (click)="onClick()"&gt;Save&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>TS</strong></p>
  
  <pre><code>import { Component, Inject,  OnInit} from '@angular/core';
  import {
    FormBuilder,
    FormControl,
    FormGroup,
    Validators,
  } from '@angular/forms';
  import {MAT_DIALOG_DATA, MatDialog, MatDialogRef, } from '@angular/material';
  import { IContact } from 'src/app/models';
  import { MyService } from 'src/app/services/my.service';
  
  @Component({
    selector: 'app-update-contact',
    templateUrl: './update-contact.component.html',
    styleUrls: ['./update-contact.component.scss'],
  })
  export class UpdateContactComponent implements OnInit {
    public updateForm: FormGroup;
    public someContact: IContact
  
    constructor(@Inject(MAT_DIALOG_DATA) public data: IContact ,
                private fb: FormBuilder,
                public dialog: MatDialog,
                public myService: MyService,
                ) {} 
  
    public ngOnInit(): void {
      this.updateForm = this.fb.group({
        Name: [null],
        Email: [null,[Validators.email]],
      });
    }
  
    public onClick() {
      this.someContact= this.updateForm.value;
      this.someContact.EMailAddresses = [];
      this.someContact.EMailAddresses.push(this.updateForm.value.Email);  
      this.myService.updateContact(this.someContact, this.someContact.Id);
    }
  
  }
  </code></pre>
  
  <p><strong>Contacts JSON</strong></p>
  
  <pre><code>{
    "Id": "",
    "Name": "",
    "EMailAddresses": [""],
  },
  </code></pre>
  
  <p><strong>Services file</strong></p>
  
  <pre><code>import { HttpClient } from '@angular/common/http';
  import { Injectable } from '@angular/core';
  import { Observable, Subject } from 'rxjs';
  import {IContact } from 'src/app/models';
  
  @Injectable({
    providedIn: 'root',
  })
  
  export class MyService {
  
   private  baseUrl : string = '......api Url.....';
  
   constructor(private http: HttpClient) {
  }
  
  public  updateContact(Id : string): Observable&lt;object&gt; {
    const apiUrl: string = `${this.baseUrl}/contacts/${Id}`;
  
    return this.http.put(apiUrl, contact);
  }
  
  }
  </code></pre>
  
  <p>Now when i hit the <strong>SAVE</strong> button without making any changes in <strong>Email</strong> input field,I am unable to perform <strong>PUT</strong> operation and getting this error. </p>
  
  <p><a href="https://i.stack.imgur.com/SFdiQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SFdiQ.png" alt="enter image description here"></a></p>