Tengo este problema al intentar renderizar mi componente:
ERROR TypeError: _co.fooField is undefined View_FooComponent_0 FooComponent.html:56Mi componente se extiende desde una clase mecanografiada:
@Component({ selector: 'foo', templateUrl: './foo.component.html', styleUrls: ['./foo.component.scss'] }) export class FooComponent extends FooParentModal implements OnInit { ... } export class FooParent implements OnInit { fooField; ... }Encontré el problema que era una referencia a mi campo "indefinido" (en la clase principal) en mi plantilla:
<button *ngIf="foo.id" type="button"...>De hecho, se inicializa mientras se muestra el componente (un diálogo p primeng):
<p-dialog [(visible)]="display" (onShow)="onShowDialog()" (onHide)="onCloseDialog()" [modal]="true"> ... </p-dialog>La solución que apliqué es verificar que el campo foo no sea nulo en una condición *ngIf como esta
<button *ngIf="foo && foo.id" type="button"...>