Angularjs总结（三）摸态框的使用

静态页面：

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

controllers中的方法：

 $scope.TQZJDFG = function () {
     //可以将此参数传递到所弹出的摸态框的控制器中
     var data = {
         'name': 1,
         'age': 20
     }
     var modalInstance = $modal.open({
         templateUrl: 'partials/WindowView/_getInfo.html',
         controller: 'getInfo-controller',
         backdrop: "true",
         size: 900,
         resolve: {
             items: function () {
                 return data;
             }
         }
     });

     modalInstance.result.then(function (data) {

         //data为摸态框点击关闭时，传递回来的参数
     }
     )
 }

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

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

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