How to get Angular JSON serializer to ignore null values?

Question

I have an object that I send using HttpClient who may have some null properties. I wonder if there are any build-in solution(s) in Angular that ensure that null properties are not serialized.

Lets take this model for instance:

export class Dummy {
  public constructor(
    public readonly foo: string,
    public readonly bar: string
  ) { }
}

And this service:

import { HttpClient } from '@angular/common/http';

export class DummyService {
  public constructor(private readonly httpClient: HttpClient) { }

  public dummyMethod(dummyObject: Dummy): Observable<any> {
    return this.httpClient.Post('https://api.dummy/v1/dummies', dummyObject)
  }
}

If dummyObject === new Dummy("FooValue", null) then I expect this JSON to be serialized: { "foo": "FooValue" }

could you use undefined instead of null? JSON.stringify, which is user under the hood by the HttpClient, will ignore properties that are undefined — Jota.Toledo
– Jota.Toledo, Commented Jun 4, 2019 at 15:25

Julius Dzidzevičius · Accepted Answer · 2019-06-04 15:11:33Z

3

In JSON, values must be one of the following data types:
a string
a number
an object (JSON object)
an array
a boolean
null

So it can't ignore null. But we can't see undefined here, so you can use it instead of null and serialised object will omit it.

answered Jun 4, 2019 at 15:11

Julius Dzidzevičius

11k11 gold badges41 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get Angular JSON serializer to ignore null values?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related