要解决Angular 10中拖拽时不触发(click)函数的问题，可以使用以下方法：

1. 使用Angular的拖拽指令（DragDirective）来处理拖拽事件，将(click)事件绑定到拖拽元素的父元素上。

  
拖拽元素

2. 在DragDirective中，使用HostListener来处理鼠标按下事件（mousedown），并阻止事件冒泡。

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

@Directive({
  selector: '[dragDirective]'
})
export class DragDirective {
  @HostListener('mousedown', ['$event'])
  onMouseDown(event: MouseEvent) {
    event.stopPropagation();
  }
}

3. 在父元素的click事件处理函数中，添加一个条件来检查是否正在拖拽，如果是则不执行点击事件的逻辑。

onClick() {
  if (!this.isDragging) {
    // 执行点击事件的逻辑
  }
}

4. 在DragDirective中，添加一个属性来存储是否正在拖拽的状态，并在拖拽开始和结束时更新该状态。

export class DragDirective {
  private isDragging: boolean = false;

  @HostListener('mousedown', ['$event'])
  onMouseDown(event: MouseEvent) {
    event.stopPropagation();
    this.isDragging = true;
  }

  @HostListener('mouseup', ['$event'])
  onMouseUp(event: MouseEvent) {
    event.stopPropagation();
    this.isDragging = false;
  }
}

通过以上方法，可以在拖拽时不触发(click)函数，只有在非拖拽状态下才能触发点击事件。