Angularjs總結（三）摸態框的使用

靜態頁面：

<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

 

更多專業前端知識，請上【猿2048】www.mk2048.com