我有一个我使用过的可拖动元素,它对我cdkDrag来说很好用。现在,我需要在点击元素时切换一个标志。但是当我拖动元素并放下时,点击事件会触发。能否请你建议如何工作,cdkDrag和click在一起。共享相同的代码片段。
<div class="draggable-content" cdkDragBoundary=".drop-area" cdkDrag>
<div class="min-workspace-view" *ngIf="showMinWorkspace === true">
<mat-icon svgIcon="workspace" class="workspace-icon"
(click)="$event.stopPropagation(); showMinWorkspace = !showMinWorkspace">
</mat-icon>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
期望是:当元素被拖动然后点击不应触发。当元素被点击时,则不应触发拖动事件。
我是角材料组件的新手,我们正在使用mat-tooltip来显示所有元素上的工具提示内容。
当我们使用带有静态内容的工具提示时,它会正确显示,如下所示。
<mat-icon svgIcon="Back" matTooltip="Go to reports using this column"></mat-icon>
Run Code Online (Sandbox Code Playgroud)
现在,我需要使用mat-tooltip来显示动态内容,而不仅仅是纯文本。
<div #myTootltipContent>
<span>tooltip text</span>
<span>tootlip description</span>
</div>
Run Code Online (Sandbox Code Playgroud)
我需要将此内容div显示在另一个元素的悬停上。mat-tooltip可以吗?任何帮助深表感谢。