带模板参考变量的角度按钮单击不起作用

我在angular应用程序中有两个html按钮。不确定是什么导致了问题。

Stackblitz代码 here

第一个按钮如下:我用模板引用变量在第一个按钮上有按钮点击事件

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

第二个按钮如下: 问题:我有focusout事件,希望在焦点位于第二个按钮时,用户单击选项卡后将焦点设置为第一个按钮。但由于某些原因,模板引用变量在将焦点设置为第一个按钮时出错。

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

Typescript文件:

@ContentChild('onNo', { static: false }) elOnNo: ElementRef;
  accessButton(b) {
    alert('click');
  }

  onFocusOut($event) {
    this.elOnNo.nativeElement.focus();
  }