cdkDragHandle在子组件中不起作用
cdkDragHandle是Angular Material中的一个指令，用于定义一个可拖动的元素的手柄。它通常与cdkDrag指令一起使用，以实现元素的拖动功能。
在子组件中，如果cdkDragHandle不起作用，可能是由于以下几个原因：
- 检查是否正确导入了Angular Material的相关模块。确保在子组件的模块文件中正确导入了MatDragDropModule。
- 确保在子组件的HTML模板中正确使用了cdkDragHandle指令。在需要作为拖动手柄的元素上添加cdkDragHandle指令。
- 检查是否正确使用了cdkDrag指令。cdkDragHandle必须与cdkDrag指令一起使用才能实现拖动功能。在需要拖动的元素上添加cdkDrag指令。
- 确保在子组件的CSS样式中正确设置了拖动手柄的样式。可以使用CSS选择器来选择拖动手柄元素，并设置相应的样式。
如果以上步骤都正确无误，但cdkDragHandle仍然不起作用，可能是由于其他代码逻辑或组件结构的问题。可以进一步检查子组件的代码，确保没有其他因素影响了cdkDragHandle的功能。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。
相关·内容
3回答
cdkDragHandle在子组件中不起作用
angular、drag-and-drop、angular-cdk
使用@angular/cdk7.2.1:如果定义一个包含cdkDropList和cdkDrag组件嵌套列表的父组件，则在嵌套子组件中定义cdkDragHandle将不起作用。如果相同的结构都在相同的组件中，则cdkDragHandle可以完美地工作。 https://stackblitz.com/edit/angular-wfvmuj?embed=1&file=src/
浏览 75提问于2019-02-20得票数 10
回答已采纳
1回答
Angular:可移动对话框标题作为指令
angular、angular-directive
这或多或少是 <h1 mat-dialog-title cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle >{{data.header}}</h1> 这意味着我必须添加 mat-dialog-title cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle 在每个对话框中因为我很懒，所以我不想在我的代码中
浏览 21提问于2019-02-13得票数 0
1回答
角拖放相交(例如表格中的行和列)
angular、angular-material、drag-and-drop、angular-cdk-drag-drop
<div>GrabCol</div> <td> <tr *ngFor="let row of rows;" cdkDrag> }
使用cdkDrag重新排序‘行’列表非常简单，但我的问题是，“我如何重新排序同一组件
浏览 6提问于2020-08-19得票数 1
2回答
角度8中的可拖动和可调整大小的垫子对话框
css、angular、angular-material、angular-cdk
我尝试过在css中使用调整大小: booth；，但是它似乎不能很好地结合可拖动的功能。也就是说，如果我移除cdk，可调整大小的工作，反之亦然。
参见这里的代码：
浏览 14提问于2019-10-29得票数 4
回答已采纳
7回答
如何使垫表行拖放与cdkDragHandle一起工作，使行只能使用句柄拖动？
angular、typescript、angular-material、angular-cdk
我找到了 stackblitz例子，使用角cdk将拖放添加到一个垫子表中。但是，所需的行为是，行只能使用带有cdkDragHandle指令的元素进行拖动。在本例中，您可以通过单击行上的任何位置来拖动元素。如何修改这一点，使行只能使用拖动句柄进行拖动？
浏览 10提问于2019-03-06得票数 9
回答已采纳
1回答
ReactJs:在构造函数获取数据之前呈现我的对象
javascript、reactjs、fetch
我的目的是从API中获取数据并显示在我的网页上，所以我需要获取URL，将它们传递给我的子对象，然后让它们再次获取数据。所以我的问题是，有没有办法让我的渲染等待我的提取完成，或者有其他方法来解决这个问题？
浏览 1提问于2017-04-23得票数 0
回答已采纳
1回答
拖放与分拣是否可以在角质材料中进行？
angular、angular-material、angular-material-6、angular-cdk、angular-dragdrop
在那个拖放中，在那个div中的任何地方，我们都可以点击和拖动。
现在，在下面的例子中，你可以点击并拖动这个div到任何我不想要的地方。
浏览 0提问于2018-11-13得票数 0
回答已采纳
1回答
角7用本机CDK拖放嵌套列表
angular、drag-and-drop、angular7
基本上，我只需要在另一个列表中创建一个可排序列表，如下代码所示：
<div class="external-list" cdkDropList (cdkDropListDropped)="drop1($
浏览 1提问于2018-11-02得票数 3
1回答
角CDK拖拽区指令
angular、drag-and-drop、angular2-directives、angular-cdk
我是相对较新的角2+，我想在另一个div中拖动一个div。我正在使用并编写了下面的代码来实现这一点； <div cdkDrag class="wrapper"> </div>我在这
浏览 0提问于2018-11-21得票数 1
回答已采纳
1回答
从文本输入表单提交的Next.js浅路由
javascript、reactjs、forms、routes、next.js
我在Next.js和一般的React方面相对较新， </form> }
但我仍然无法将this.state.value传输到handleSubmit上的{ router } / this.props，因此它将显示在浏览器路由中
浏览 0提问于2018-12-03得票数 0
1回答
如何使角形子组件呈现在所有其他组件之上
javascript、angular、overlay、z-index、angular-cdk
我有一个带有子组件的角度组件。我需要将子组件呈现在页面上的所有内容之上，包括父组件的兄弟项(就像浮动菜单一样)。父组件中提供了一个服务(不是在root中提供的，因此这些组件中的每个组件都有自己的服务实例)。该子组件将注入该服务。我尝试更改z-index，但它不起作用，因为子组件在它的父
浏览 0提问于2020-04-18得票数 0
1回答
如何在孩子的函数中运行作为道具传递的函数？
javascript、reactjs
在title中-在父组件中，我将function作为prop传递给子组件，我想在子组件中运行这个函数，但是在子组件的函数中。//parent component <Child myFunction={this.myFunction} />
</div>
浏览 7提问于2019-10-11得票数 1
1回答
ViewChildren找不到动态组件
angular
包含@ViewChildren的父组件不会返回动态创建的组件的结果。@Component({ template: `
<div #contentProjection></div&g
浏览 1提问于2017-03-29得票数 13
回答已采纳
4回答
隐藏父组件中的子组件
angular、typescript、rxjs
仅当子组件完成http调用时，我才希望在父组件中呈现子组件，但它对我不起作用，子组件不显示.<app-child-componentthis.alerta.emit(true);//here I just want the child component to be displayed }
浏览 2提问于2021-09-14得票数 2
回答已采纳
1回答
如何增加实例化数据表的字号？
vue.js、vuetify.js
我有一个带有数据表的子组件。但是子组件中的DOM的字体变小了。我正在尝试看看是否有方法可以增加我的数据表标题的字体大小。如果还需要使子组件保持与父组件或祖组件相同的字体大小。我在子组件中尝试了header {font-size:15px}和th {font-size:12x}，但不起作用。
浏览 8提问于2020-07-10得票数 0
回答已采纳
1回答
React Hook窗体- Multiple Rerender
reactjs、react-hook-form
React hook form -当子组件中的值发生更改时，主应用程序具有具有子组件的表单，并且具有多个重新呈现。如果我们在主应用程序中直接使用"Controller“，则值更改不会重新呈现应用程序。如何在每次更改子组件中的值时将其更改为仅更新子组件而不是父组件以下链接中的代码示例：
提前感谢你的帮助……
浏览 1提问于2021-02-15得票数 1
1回答
如何将数据从父级传递到子级
c#、asp.net、blazor、.net-6.0、mudblazor
是否有方法将数据从父组件的输入字段传递给子组件？
浏览 5提问于2022-11-22得票数 0
2回答
JSF复合组件验证
validation、jsf、jsf-2、composite-component
我想创建复合组件并将一些验证器附加到它的子组件，但我希望来自验证的消息附加到复合组件，而不是它的子组件。在使用复合组件的页面中，我希望如下所示：<h:message for="my" />
现在它不起作用了，因为消息是针对组件的子组件
浏览 0提问于2010-12-02得票数 4
1回答
如何检查是否在React测试中不存在元素？
javascript、reactjs、unit-testing、jestjs、react-testing-library
我想测试在父组件的初始呈现时，文档中没有子组件。 </RecoilRoot>
浏览 4提问于2022-09-19得票数 0
回答已采纳
2回答
角度2的子零部件指的是父零部件
angular
我有一个包含三个组件的应用程序。应用程序、EditView、对话框。directives:[Application]component 'Dialog‘的视图上出现意外的指令
浏览 1提问于2015-09-21得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
