Replace jquery with angular equivalent

Author: hirokiterashima

src/assets/wise5/services/annotationService.ts

@@ -1,7 +1,7 @@
 import { Injectable } from '@angular/core';
 import { ProjectService } from './projectService';
 import { ConfigService } from './configService';
-import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http';
 import { Observable, Subject } from 'rxjs';
 import { generateRandomKey } from '../common/string/string';
 import { Annotation } from '../common/Annotation';
@@ -121,15 +121,13 @@ export class AnnotationService {
       let annotation = this.saveToServerSuccess(savedAnnotationDataResponse);
       return Promise.resolve(annotation);
     } else {
-      const params = {
-        runId: this.configService.getRunId(),
-        workgroupId: this.configService.getWorkgroupId(),
-        annotations: JSON.stringify(annotations)
-      };
-      const headers = new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' });
+      const body = new HttpParams()
+        .set('runId', this.configService.getRunId())
+        .set('workgroupId', this.configService.getWorkgroupId())
+        .set('annotations', JSON.stringify(annotations));
       return this.http
-        .post(this.configService.getConfigParam('teacherDataURL'), $.param(params), {
-          headers: headers
+        .post(this.configService.getConfigParam('teacherDataURL'), body, {
+          headers: new HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' })
         })
         .toPromise()
         .then((savedAnnotationDataResponse: any) => {