Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何禁用cdkDrag拖动动画?_Css_Angular_Angular Cdk - Fatal编程技术网

Css 如何禁用cdkDrag拖动动画?

Css 如何禁用cdkDrag拖动动画?,css,angular,angular-cdk,Css,Angular,Angular Cdk,我有一个使用cdkDrag的例子。当我开始拖动时,我不想看到任何东西。如何禁用应用于拖动状态的CSS类 上面你可以看到,当我拖动我的项目时,它有一个小视图,我不想看到。这怎么可能呢?我找不到应该禁用哪个CSS类 您可以使用cdkDragPreview指令自定义拖动预览,如中所述 检查您的修改。开始拖动时,.cdk拖动预览类已激活。当您释放该项时,.cdk拖动动画类被激活。将.cdk拖动预览显示属性更改为“无”。 <div cdkDropList class="example-list" (

我有一个使用cdkDrag的例子。当我开始拖动时,我不想看到任何东西。如何禁用应用于拖动状态的CSS类

上面你可以看到,当我拖动我的项目时,它有一个小视图,我不想看到。这怎么可能呢?我找不到应该禁用哪个CSS类


您可以使用cdkDragPreview指令自定义拖动预览,如中所述

检查您的修改。

开始拖动时,.cdk拖动预览类已激活。当您释放该项时,.cdk拖动动画类被激活。将.cdk拖动预览显示属性更改为“无”。
<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
  <div class="example-box" *ngFor="let movie of movies" cdkDrag>
    {{movie.title}}
    <img *cdkDragPreview [src]="movie.poster" [alt]="movie.title">
  </div>
</div>
...
<tr *ngFor="let feed of todo;let index = index" cdkDrag  (cdkDragStarted)="started($event)">
          <span *cdkDragPreview>Test</span>
                    <td>
...