Angularjs总结摸态框的使用

Posted 2020-08-02 garsonguo

静态页面：

<input class="btn btnStyle " value="提&emsp;取" type="button" ng-click="TQZJDFG() " />

controllers中的方法：

 1 $scope.TQZJDFG = function () {
 2     //可以将此参数传递到所弹出的摸态框的控制器中
 3     var data = {
 4         \'name\': 1,
 5         \'age\': 20
 6     }
 7     var modalInstance = $modal.open({
 8         templateUrl: \'partials/WindowView/_getInfo.html\',
 9         controller: \'getInfo-controller\',
10         backdrop: "true",
11         size: 900,
12         resolve: {
13             items: function () {
14                 return data;
15             }
16         }
17     });
18 
19     modalInstance.result.then(function (data) {
20 
21         //data为摸态框点击关闭时，传递回来的参数
22     }
23     )
24 }

模态框所需控制器，其中items即为TQZJDFG()方法中传递过来的data:

1 app.controller(\'getInfo-controller\',[\'items\',\'$modalInstance\',function(items,$modalInstance){
2         //摸态框关闭
3         $modalInstance.dismiss(\'cancel\');
4         //摸态框关闭传递相应参数回调用页面
5         $modalInstance.close(data);
6     }])

 创建可拖动指令见：http://www.cnblogs.com/bobo-show/p/5106204.html