Javascript 使用Tab键在“角度材质”选项卡上设置焦点

我不熟悉棱角材料。当使用tab键将焦点集中在一个材质选项卡中的按钮（添加成就）上时，如何设置角度材质选项卡上的焦点

AppResource.Component.html

增加成就

ResourceDetail.component.html

---

根据您的解释，我理解您需要在单击子组件中的按钮时更改父组件的选项卡

要做到这一点，你可以使用一个服务，你将听取一个主题

通过这种方式，您可以从子组件中说出一些内容，然后获取父组件的值

为您效劳

listener: Subject<boolean> = new Subject;

然后在父组件上，可以检查主题是否已更改，并在更改后执行某些操作

selected: number = 0

ngOnInit(){
  this.resourceService.listener.subscribe((val) => {
    if (val){
      this.selected = 1
    }
  })
}

此处，
所选
是
mat选项卡组
选项卡的索引

为了更好地理解，我创建了一个
谢谢，为了清晰起见，我编辑了这个问题，我的意思是使用tab键，将焦点设置在角度材质选项卡上。我正在寻找一个简单的解决方案，理想情况下不涉及服务。好的，你说的tab键是什么意思？还可以通过设置“聚焦角度材质”选项卡？tab键是所选选项卡的索引？设置焦点就像更改第二个选项卡的选定选项卡？？计算机键盘上的tab键。不确定如何使“角度材质上的设置焦点”选项卡更清晰。也许我指的是材料标签。所以我想将所选标签设置为第二个。哦，好的，我明白了，我会尝试用这个来做一个堆栈闪电战，你所需要的只是在我们使用tab键时更改所选标签。所以？按钮是否没有与选项卡相关的操作？
listener: Subject<boolean> = new Subject;

chat(){
  this.resourceService.listener.next(true)
}

selected: number = 0

ngOnInit(){
  this.resourceService.listener.subscribe((val) => {
    if (val){
      this.selected = 1
    }
  })
}