ng-zorro组件库里使对话框Modal的确认取消按钮隐藏

最新推荐文章于 2023-02-18 08:03:58 发布
最新推荐文章于 2023-02-18 08:03:58 发布
阅读量1.7k 收藏
点赞数
分类专栏： ng-zorro 文章标签： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45158253/article/details/105138245
版权

写“查看”功能时，不想要这两个按钮
在这里插入图片描述
添加[nzFooter]=null就行

 <nz-modal id="see" [(nzVisible)]="isVisible" nzTitle="标题"  (nzOnCancel)="handleCancel()" [nzFooter]=null   style="width:80%" >……</nz-modal>

(nzOnCancel)="handleCancel()"不可以省略

蒲公英
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【前端】antd气泡确认框popconfirm基于promise失败状态阻拦关闭确认框
Shinersmile的博客
01-24 594
在点击确认框确认按钮时，通过变量判断是否需要关闭确认框，如果需要抛出promise失败。
iview爬坑之旅——Modal点击‘确定’按钮时弹框自动关闭问题
一个女胖子的博客
07-29 2825
最近在做Angular项目到Vue项目重构迁移，之前Angular用的UI框架是NG-ZORRO，Vue现在用的是Iview； 但是当用Iview-modal 做表单或者条件校验时遇到了一个问题，当校验不通过时，点击确定，当校验不通过时，弹框也自动关闭了； 解决方案 方案一 （自用） 利用Modal的slot,自定义写底部按钮，这样就可以避开组件内置的 @On-ok, @on-cancel；在按钮点击事件里面去做数据的验证，通过v-model控制模态框的显示与隐藏。 <!--解决弹框自动关闭--&g
nz-modal 不要确定取消按钮
pengli
04-18 2141
不想要确定取消这两个按钮 添加[nzFooter]=null就行 <nz-modal id="see" [(nzVisible)]="isVisible" nzTitle="标题" (nzOnCancel)="handleCancel()" [nzFooter]=null style="width:80%" >……</nz-modal> (nzOnCancel)...
elementUI弹窗之坑（dialog的遮罩层在弹出层的上面，子弹窗执行保存（确定）按钮之后还要执行取消按钮，Prop being mutated: "showTree"）
CuiCui_web的博客
09-07 2481
本文主要解决elementUI弹窗嵌套中的坑,笔者在给同事解决难听过程看到了三个问题： 弹窗套弹窗出现蒙层、 弹窗套弹窗，子弹窗执行保存（确定）按钮之后还要执行取消按钮、 弹窗自带关闭x按钮报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent c...
NG ZORRO知识点总结
dc20200829的博客
02-18 1551
常见的NG ZORRO用法,细节待补充
ng-zorro弹窗示例
weixin_47198950的博客
09-25 783
<nz-table #basicTable [nzData]="listOfData"> <thead> <tr> <th>Name</th> <th>price</th> <th>Address</th> </tr> </thead> <tbody> &l.
关于angular引入ng-zorro的问题浅析
10-14
例如，如果只需要使用按钮组件，可以导入对应的样式： ```css /* 引入基本样式 */ @import "~ng-zorro-antd/style/index.min.css"; /* 引入组件样式 */ @import "~ng-zorro-antd/button/style/index.min.css"; ``` ...
ng-zorro-antd 入门初体验
10-17
主要介绍了ng-zorro-antd 入门初体验，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Angular中使用ng-zorro图标库部分图标不能正常显示问题
10-17
在Angular开发过程中，使用ng-zorro作为前端UI框架时，可能会遇到部分图标无法正常显示的问题。这通常是由于未正确导入和注册图标导致的。ng-zorro图标库包含了大量的图标资源，但默认情况下，ng-alain项目仅预导入...
abp-ng-zorro：asp.net的ng-zorro模板为零
02-01
关于该项目使用ng-zorro-antd v9.x（ ）作为前端模板。 与ASP.NET零模板v8.9 +兼容。用法项目模板。 （必须先购买。） 将模板aspnet-core文件夹复制到该项目。 运行MyCompanyName.AbpZeroTemplate.Web.Host项目。...
ng-zorro-antd:修改源代码的antd-修改
03-24
吴佐罗 基于Ant Design和Angular的企业级UI组件。版本 1.x（支持Angular 6.x和Ant Design 3.x）即将发布0.7.x（支持Angular 5.x和Ant Design 3.x）当前... $ npm install ng-zorro-antd --save$ yarn add ng-zorro-a
ng-zorro中Modal对话框细节操作
web
07-13 6978
很多时候，官网给的模板不适合我们的需求，这里是我对官网对话框的样式修改 官网样式： 1、修改宽度 具体代码： import { Component } from '@angular/core'; <button nz-button [nzType]="'primary'" (click)="showModal()"><span>Show Modal</span></button> // 只加nzWidth属性，其他不变 <
Angular父组件调用子组件的方法【以弹出对话框为例】
qq_43362481的博客
08-26 1979
脚手架生成 ng new modal-app npm i cd modal-app/ ng g c modal 文件结构为： 导入佐罗（ant design）样式 npm install ng-zorro-antd --save 在angular.json中引入： "styles": [ "node_modules/ng-zorro-antd/ng-zorro-antd.min.css" ] 在style.css中引入： @import "~ng-zorro-antd/ng-zo.
Antd单独隐藏Modal对话框的默认ok或cancel按钮
热门推荐
hoaxxcj的博客
04-13 1万+
有时候我们需要单独隐藏Modal对话框的默认确定或取消按钮，设置:footer="null"会把两个按钮都隐藏。 Antd有提供两个参数用于单独修改确定、取消按钮：对于确定按钮，设置:ok-button-props="{style:{display:'none'}}"；对于取消按钮，设置:cancel-button-props="{style:{display:'none'}}"。这样就能快速隐藏对应按钮了。 ...
如何写弹窗
weixin_42929948的博客
03-20 420
<nz-modal 然后定义一个参数默认为false，[(nzVisible)]定义一个参数当是true时显示
angular ng-zorro服务式创建模态框的小例子，以及常见坑的解决方法
zyf_baby的博客
04-13 1456
文章目录一、需求&版本需求版本二、解决方法1.列表页面1.html2.js2.modal组件1.html2.js3.css(演示处理content的padding问题) 一、需求&版本 需求 列表页中使用模态框处理新增/编辑功能，提交表单后刷新列表数据； 创建服务式modal，其中是新建/编辑的表单； 模态框组件可复用； 模态框中的提交按钮使用loadding，防止重复提交 关闭modal后，页面根据modal层是点击的取消还是确认来决定是否更新数据- 内容区清除padding的留白。
this.$modal.confirm 自定义按钮关闭_每日一贴——如何关闭CAD的各种提示信息和对话框？...
weixin_39933336的博客
12-05 1893
下面是本公众号文章分类目录，点击标题文字可打开分类文章列表：CAD安装卸载异常、退出文件及输入输出基本操作技巧各种设置及相关问题界面和显示相关问题快捷键视图设置和调整选择及组坐标系、坐标输入对象捕捉图层管理颜色线型字体和文字标注、引线二维绘图多段线表格图块、属性块、动态块填充复制粘贴三维建模...
nz-modal不要确定取消按钮
weixin_42929948的博客
03-20 953
[nzFooter]="null"
angular的ngbModal如何关闭
Sakura__Lu的博客
02-27 2057
1. 使用let-*对打开的modal弹窗进行关闭操作,用户点击"确定"按钮或者点击"x"按钮关闭 &lt;ng-template #content let-c="close"&gt; &lt;div class="modal-header"&gt; &lt;h4 class="modal-title" id="modal-basi
在项目中修改ng-zorro组件默认样式的一些方法
最新发布
03-25
修改 ng-zorro 组件的默认样式的方法有以下几种： 1. 使用 ng-deep 伪类：在组件的样式表中使用 ng-deep 伪类来覆盖组件的默认样式。例如： ```css :host ::ng-deep { .ant-btn { background-color: #ff0000; }...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值