AngularJs-ui modal 傳參數

最近開始學習 AnjularJs；

看了兩天項目的代碼開始動手完成項目中的功能，碰到些問題記錄下備忘；方便之後再碰到這樣疑惑的coder.

參見 Angular-ui  modal

傳遞 header 和 msg 給 newWarn 的控制層 C_add_Warn 

1#經過 resolve 

 1 angular.module('modaltest')
 2 .controller('testModalTestController',function($scope,$modal){
 3         $scope.addModal = function () {
 4             var newWarn = $modal.open({
 5                 templateUrl: 'views/part/add.html',
 6                 controller: 'C_add_Warn',
 7                 resolve:{
 8                     header : function() { return angular.copy("新增"); },
 9                     msg : function() { return angular.copy("這是消息"); }
10                 }
11             });
12         }  
13 }) 
14 .controller('C_add_Warn',function($scope,header,msg){
15        $scope.header = header;
16        $scope.msg = msg;
17 })        

 

 

2# 經過scope 傳遞

  angular.module('modaltest')
 .controller('testModalTestController',function($rootScope,$scope,$modal){
          var scope = $rootScope.$new();
           scope.data = {
                msg:"test",
                header:"header"
           }
          $scope.addModal = function () {
              var newWarn = $modal.open({
                  templateUrl: 'views/part/add.html',
                  controller: 'C_add_Warn',
                  scope:scope
             });
         }  
 }) 
 .controller('C_add_Warn',function($scope){
        var data = $scope.data;

 }) 

 

代碼未測試 基本思路已經列出來了!