ABP框架中修改Notify弹窗位置的问题

本文探讨了在ABP框架(ASP.NET Core+Angular)中如何修改通知提示弹窗的位置,从现象、原因到解决方案进行了详细阐述。由于ABP框架版本差异,旧版依赖组件,新版则依赖组件。解决办法是按照组件的使用规则配置位置属性'position',并提供了新旧版本内部封装代码的差异分析。

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

现象

最近的一个项目使用了ABP框架(ASP.NET Core+Angular),开发中想要修改通知提示的弹窗默认位置(默认位置是左下角,想要修改到中间上方),代码如下,但发现修改无效。

abp.notify.success("创建成功","",{ positionClass: "toast-top-center" });
原因

经过查看相关部分的内部代码发现,问题的根本原因,是因为ABP新旧版本的差别导致的。ABP框架(ASP.NET Core+Angular)中,前端的通知提示用到了一个封装的模块notify。在低版本中,这个模块内部依赖toastr组件,这一点在介绍ABP框架的博客文章中都有说明。而上述不起效的代码,就是按照这个旧版本来的。而当前的项目,用的是新版ABP框架,内部代码已经有所改变。

ABP相关博客文章

同时,这些文章还提到一个Message模块,也是用来弹窗提示的。不过与Notify不同的是,Message一般为模态弹窗,Notify一般为非模态。而Message模块中,用到的是sweetalert组件。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值