如何在Angular4中检测父div而不是子div上的焦点

在Angular 4中，可以使用@ViewChild装饰器和ElementRef来检测父div上的焦点，而不是子div上的焦点。

首先，在组件的类中导入ViewChild和ElementRef：

import { Component, ViewChild, ElementRef } from '@angular/core';

然后，在组件类中定义一个ViewChild装饰器，用于获取父div的引用：

@Component({
  selector: 'app-your-component',
  template: `
    <div #parentDiv (focus)="onParentDivFocus()">
      <div>
        <!-- 子div内容 -->
      </div>
    </div>
  `
})
export class YourComponent {
  @ViewChild('parentDiv') parentDiv: ElementRef;

  onParentDivFocus() {
    // 父div获得焦点时的处理逻辑
  }
}

在模板中，使用#parentDiv来给父div定义一个引用，并在父div上绑定focus事件，当父div获得焦点时，会触发onParentDivFocus()方法。

在组件类中，使用@ViewChild('parentDiv')装饰器来获取父div的引用，并将其赋值给parentDiv属性。

然后，可以在onParentDivFocus()方法中编写处理父div获得焦点时的逻辑。

这样，就可以在Angular 4中检测父div而不是子div上的焦点了。

关于Angular 4的更多信息和学习资源，可以参考腾讯云的Angular产品介绍页面：Angular产品介绍。