bootstrap modal在项目的实现思路

来源:互联网 发布:java期末考试题及答案 编辑:程序博客网 时间:2024/05/20 22:03

原来的做法是var isDelete = confirm(“请确认删除”);if(isDelete==true){}缺点是系统自带的弹出框不好看。

要解决以下问题:

1:由于项目中用typescript,onclick=”xxx()” ngclick=”xxx()”无法调用typescript中的方法,(click)=”xxx()”可以向typescript中的函数传参数
2:网上找的js优化框总是能单独运行,但一放入项目中就没有效果
所有选择了bootstrap的modal完成这功能
3:class=”dropdown-item” href=”javascript:void(0);”
value=”confirm” data-toggle=”modal” data-target=”#mymodal”>删除
###能弹出modal,但一个忧伤的问题是,这只能弹出modal,却没完成删除的功能。
要的效果是,确认删除再删除,如果这里就(click)=”delete()”,等于没用到弹出框
尝试了很多方法,比如让js加载modal,但是$(‘#myModal’).modal(‘handleUpdate’)不能弹出modal。
如果在点击确认后(click)=”xxx(parameter)”,这里的parameter不是想传的参数。
其实可以先在typescript,onclick=”xxx()” ngclick=”passParameter()”传参数,点击确认后再通知typescript中的方法处理,问题解决