ngZorro 级联菜单选择任意一项关闭菜单

最新推荐文章于 2023-05-05 15:34:26 发布

兔子R/T坦克

最新推荐文章于 2023-05-05 15:34:26 发布

阅读量638

点赞数 1

分类专栏：需求功能文章标签： angular

本文链接：https://blog.csdn.net/weixin_49050598/article/details/120365724

版权

需求功能专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在 Angular 中通过父组件调用子组件的方法来关闭级联选择器 (Cascader) 的下拉菜单。使用 ng-zorro-antd 版本 9.3 的 Cascader 组件，通过 @ViewChild 装饰器获取子组件实例，并调用 closeMenu 方法实现需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个问题困扰了好久网上也没有教程
我用的是ng-zorro 9.3版本的
在这里插入图片描述
在这里具体使用是需要用到 angular 的父组件调用@ViewChild() 感兴趣的可以看看
拿一个官网的例子吧

这里是引入组件实例 NzCascaderComponent，下方的 cascader 为自定义的接收字段
nzChangeOnSelect 当此项为 true 时，点选每级菜单选项值都会发生变化
最后调用实例上的方法
this.cascader.closeMenu();
调用关闭就好了