AngularJs-ui modal 传参数

时间:2022-09-04 11:20:39

最近开始学习 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;

 }) 

 

代码未测试 基本思路已经列出来了!