AngularJs-ui modal 傳參數

最近開始學習 AnjularJs；

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

參見 Angular-ui  modal

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

1#通過 resolve 

angular.module('modaltest')
.controller('testModalTestController',function($scope,$modal){
        $scope.addModal = function () {
            var newWarn = $modal.open({
                templateUrl: 'views/part/add.html',
                controller: 'C_add_Warn',
                resolve:{
                    header : function() { return angular.copy("新增"); },
                    msg : function() { return angular.copy("這是消息"); }
                }
            });
        }  
}) 
.controller('C_add_Warn',function($scope,header,msg){
       $scope.header = header;
       $scope.msg = msg;
})        

 

 

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;

 }) 

 

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