error TS4111: Property 'name' comes from an index signature, so it must be accessed with ['name'].
error : {{ cardForm.controls.name.errors | json}} // this is error for formControlName name
fix : {{ cardForm.controls['name'].errors | json}} // formControlName inside ['']
or
fix : {{ cardForm.get('name')?.errors | json}}