如果在Angular中，Hover菜单与下拉字段重叠了，可以尝试以下解决方法：

1. 使用CSS解决：可以使用CSS中的z-index属性来控制元素的层叠顺序。为Hover菜单和下拉字段分别设置不同的z-index值，确保Hover菜单的z-index值大于下拉字段的z-index值。

.hover-menu {
  z-index: 2;
}

.dropdown-field {
  z-index: 1;
}

2. 使用Angular指令解决：可以自定义一个指令，用于控制Hover菜单和下拉字段的层叠顺序。在指令中，使用Renderer2来修改元素的样式。

import { Directive, ElementRef, Renderer2 } from '@angular/core';

@Directive({
  selector: '[appHoverMenu]'
})
export class HoverMenuDirective {
  constructor(private el: ElementRef, private renderer: Renderer2) {
    this.renderer.setStyle(this.el.nativeElement, 'z-index', '2');
  }
}

@Directive({
  selector: '[appDropdownField]'
})
export class DropdownFieldDirective {
  constructor(private el: ElementRef, private renderer: Renderer2) {
    this.renderer.setStyle(this.el.nativeElement, 'z-index', '1');
  }
}

在HTML模板中使用这些指令：

Hover菜单
下拉字段

通过以上方法，可以确保Hover菜单始终显示在下拉字段之上，解决重叠的问题。