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