模态框间相互传输数据

最新推荐文章于 2022-05-24 16:30:39 发布

lufyKing

最新推荐文章于 2022-05-24 16:30:39 发布

阅读量1.3k

点赞数

分类专栏： angular 文章标签：模态框

本文链接：https://blog.csdn.net/weirdowang/article/details/83589994

版权

本文介绍了如何在A界面中通过模态框打开B界面，并传递数据。讲解了 AngularJS 中 $modal 的 open 方法参数，如 templateUrl、resolve、controller 和 backdrop 等，特别是 resolve 属性用于传递数据到模态框的 controller。同时，文章还阐述了如何在模态框关闭时获取返回值，以及处理 dismiss 事件。

摘要由CSDN通过智能技术生成

A界面中打开B模态框，如果需要引用到A界面里面的某个数据，就是需要把A界面里面的某个值传给B模态框。

在A界面中调用模态框：

modalInstance=$modal.open({
     backdropClick: true,
     dialogFade: false,
     keyboard: true,
     backdrop: 'static',
     size : "lg",
     templateUrl : 'apps/modules/waittingTask/signerAllot.html',
     controller : signerAllotController,
     resolve:{
         "rowData": function(){
             return data;//这个data其实本界面请求后台得到的数据，因为懒就直接给这个模态框了
         }
}
 });

介绍之前先说一下$model里面的方法，其实就一个open方法，接下来就介绍下open里面的属性。

1.templateUrl：模态窗口的地址（就是你要打开的模态框界面html文件的路径）

2.template：用于显示html标签（暂时还没有用到过）

3.scope：一