模态框间相互传输数据

最新推荐文章于 2023-08-29 17:30:17 发布

原创

最新推荐文章于 2023-08-29 17:30:17 发布 · 1.5k 阅读

收录于

当前文章被以下社区和专栏收录：

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

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：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域）默认为$rootScope

4.controller：为$moda

标签

#模态框