How to solve in angular - type 'string | null' is not assignable to type 'string'

Question

I have variables declared in the .ts file:

export interface Payment {
     paymentStatus?: string
}

In the component.ts file, I create:

filters: PaymentFilters = {
paymentStatus: null
}

In console I get:

Type null is not assigned to type string

and

type string | null is not assigned to type string.

Why do I get such an error when I declare that the variable is a string and can optionally occur?

Where does the error occur? What is the function signature for addToQueryParams? function addToQueryParams(variable: Payment, prop: string, value: string): string? — Jake Holzinger
– Jake Holzinger, Commented Jan 10, 2023 at 17:25

Avraham Weinstein · Accepted Answer · 2023-01-10 17:21:21Z

1

Adding the optional sign ? is equivalent to string | undefined. In Javascript as well as in Typescript, undefined and null are not of the same type.

you should then declared your interface as the following:

export interface Payment {
     paymentStatus: string | null
}

answered Jan 10, 2023 at 17:21

Avraham Weinstein

8948 silver badges20 bronze badges

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

Collectives™ on Stack Overflow

How to solve in angular - type 'string | null' is not assignable to type 'string'

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