Tengo dos botones html en la aplicación angular. No estoy seguro de qué está causando el problema.

código stackblitz aquí

El primer botón es el siguiente: tengo un evento de clic de botón en el primer botón con variable de referencia de plantilla

 <button (click)="accessButton(b)" #b >Click me!</button>

El segundo botón es el siguiente: Problema: tengo un evento de enfoque y quiero establecer el enfoque en el primer botón una vez que el usuario haga clic en la pestaña cuando el foco esté en el segundo botón. Pero, por alguna razón, la variable de referencia de la plantilla está obteniendo un error al establecer el foco en el primer botón.

 <button (click)="onYes()" (focusout)="onFocusOut($event)" [disabled]="isDisabled">Yes</button>

Archivo mecanografiado:

 @ContentChild('onNo', { static: false }) elOnNo: ElementRef; accessButton(b) { alert('click'); } onFocusOut($event) { this.elOnNo.nativeElement.focus(); }