Here is my HTML with the form piece.

```
<form [formGroup]="form" (submit)="onSave()" *ngIf="!isLoading">
    <mat-form-field>
    <input matInput type="text" formControlName="name" placeholder="Organization Name">

```

Here is the code for onSave() from my component.ts file.

```
onSave() {
  if (this.form.invalid) {
    return;
  }
  this.isLoading = true;
  if (this.mode === "create") {
    this.objsService.add(
      this.form.value.name
    );
  } else {
    this.objsService.update(
      this.id,
      this.form.value.name
    );
  }
  this.form.reset();
}

```

Here is the add() function from my service.

```
/* #region  Create of CRUD */
add(name: string) {
  const objData = new FormData();
  objData.append("name", name);
  this.http
    .post<{ message: string; obj: Organization }>(
      'http://localhost:3000/api/organizations',
      objData
    )
    .subscribe(responseData => {
      this.router.navigate(["/organizations"]);
    });
}
/* #endregion */

```

And lastly here is my .post to the router in mp api.

```
/* #region  Create of CRUD */
router.post('', (req, res, next) => {
  console.log('req.body.name: ' + req.body.name);
  const obj = new objModel({
    name: req.body.name
  });
  obj.save().then(createdObj => {
    res.status(201).json({
      message: capitalize(plural) + ' added successfully',
      obj: {
        ...createdObj,
        id: createdObj._id
      }
    });
  });
});
/* #endregion */

```

As you can see in my api I''m running "console.log('req.body.name: ' + req.body.name);", it's output is "req.body.name: undefined". How could this be? What am I missing?

In my service I ended up add the following line.

```
add(name: string) {
  const objData = new FormData();
  objData.append('name', name);
  console.log(name);
  console.log(objData);

```

Here's what showed up in the console.

```
dfgasdfg

FormData {}
  __proto__: FormData
    append: ƒ append()
    ...
    values: ƒ values()
      arguments: (...)
      ...
      name: "values"
        __proto__: ƒ ()
        ...
        name: ""

```

name: "" should be name: "dfgasdfg". Is the .append syntax incorrect?

Here's my server.js file. I did include body-parser. Did I implement it improperly?

```
const path = require("path");
const express = require("express");
const bodyParser = require("body-parser");
const mongoose = require("mongoose");

const postsRoutes = require("./routes/posts");
const organizationsRoutes = require("./routes/organizations");

const app = express();

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));

```

Thank you in advance!