小编Siv*_*apu的帖子

区分 cdkDrag 并点击 angular

我有一个我使用过的可拖动元素,它对我cdkDrag来说很好用。现在,我需要在点击元素时切换一个标志。但是当我拖动元素并放下时,点击事件会触发。能否请你建议如何工作,cdkDragclick在一起。共享相同的代码片段。

        <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)

期望是:当元素被拖动然后点击不应触发。当元素被点击时,则不应触发拖动事件。

angular-material angular angular-cdk

5
推荐指数
1
解决办法
2728
查看次数

我们在mat-tooltip中没有动态内容的选项吗?

我是角材料组件的新手,我们正在使用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可以吗?任何帮助深表感谢。

angular-material angular

4
推荐指数
2
解决办法
1596
查看次数

标签 统计

angular ×2

angular-material ×2

angular-cdk ×1