[Angular] Identifier 'required' is not defined. '__type' does not contain such a member

[Kurtz1993]

property errors of AbstractControlDirective

I have the following code:

<div>
    <label for="fullname">Passenger name:</label>
    <input
      type="text"
      name="fullname"
      required
      #fullname="ngModel"
      [ngModel]="detail?.fullname">

      <div class="error" *ngIf="fullname.errors?.required && fullname.dirty">
        Passenger name is required.
      </div>
  </div>

By using a property inside the errors property of the ngModel reference it shows me that error.
This shouldn't be an error since it's valid syntax for template-driven forms.

[Kurtz1993]

Closing because duplicate of #149

[Ajinath07]

I have tried with above approach but it failed miserably.

Please look at this code -

This field is required

Minimum length should be {{username.errors.minlength.requiredLength}}

Throwing error by TS compiler -
[Angular] Identifier 'required' is not defined. '__type' does not contain such a member

[Mallesh25nayak]

i tried same thing bu tnot getting out put

[Danielapariona]

Example
try to add "?" after "price".
"<div *ngIf="price?.errors.required">Price is required."

[Mallesh25nayak]

First Name is required.

First Name should be minimum 3 character.

First Name doesn't Match pattern.

i tried this

[Mallesh25nayak]

<div *ngIf="firstName.errors.required">First Name is required. <div *ngIf="firstName.errors.minlength">First Name should be minimum 3 character.</div> <div *ngIf="firstName.errors.pattern">First Name doesn't Match pattern.</div> </div> i tried this

[danbete]

this will solve the issue:
just add casting to bool using !! :
<div class="error" *ngIf="!!fullname.errors?.required && !!fullname.dirty">
Passenger name is required.

[heenamanglani]

Example
try to add "?" after "price".
"<div *ngIf="price?.errors.required">Price is required."

I solved this issue adding ? before parameter and not after errors? But can you please elaborate it and try to explain how this issue is solved just by moving the question mark? @Danielapariona

[suprcodr]

this will solve the issue:
just add casting to bool using !! :

Passenger name is required.

This solved my issue! thanks!

[EeeEui]

Example
try to add "?" after "price".
"<div *ngIf="price?.errors.required">Price is required."

It worked for me. Could you please tell me why should add "?"

[MianMahroz]

this also solve my issue just add ?

[medeirosjoaquim]

But neither casting as boolean or using the ?(may not have) doesn't solve the fact that the intelliSense can't find the properties of errors.

[FeehGb]

try price['errors']['required']

[danbete]

@EeeEui the ? (safe navigation operator) will take a variable even if it's might be invalid and deal with the exception internally (invalid = false in this case).