Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 具有角度材质2和SideNav的元素焦点_Angular_Angular Material - Fatal编程技术网

Angular 具有角度材质2和SideNav的元素焦点

Angular 具有角度材质2和SideNav的元素焦点,angular,angular-material,Angular,Angular Material,我是角材料2,在使用SideNav设置特定元素的焦点时遇到问题。我尝试过几种似乎不起作用的方法。我有一个侧面导航组件: <md-sidenav #globalsidenav (open)="onNavWindowOpened($event)"> 然后,在打开的事件处理程序上,尝试在元素上设置焦点: onNavWindowOpened(event) { console.log('open event received...'); this.manageAccount.nat

我是角材料2,在使用SideNav设置特定元素的焦点时遇到问题。我尝试过几种似乎不起作用的方法。我有一个侧面导航组件:

<md-sidenav #globalsidenav (open)="onNavWindowOpened($event)">
然后,在打开的事件处理程序上,尝试在元素上设置焦点:

onNavWindowOpened(event) {
  console.log('open event received...');

  this.manageAccount.nativeElement.focus();
}

我也尝试过“手动”查找元素并改变焦点,但没有效果。在这种情况下,还有其他方法可以使用吗?

您必须使用下面的attribute指令:

cdkFocusRegionstart
在您的示例中:

<a #manageAccount cdkFocusRegionstart>Manage Account></a>

也许您需要防止此处提到的事件冒泡
cdkFocusRegionstart
<a #manageAccount cdkFocusRegionstart>Manage Account></a>