指令和控制器之间的交互

最近的项目用的是前后端分离技术,主要采用requirejs和angularjs,下面主要记录就一下指令如何从控制器中取值和赋值:

先执行控制器,再执行指令;

<!--basic-law-nav 是要使用的指令,param在控制器里定义的一个对象-->
<div basic-law-nav  param-dto="param"></div>
             //控制器js代码
 businessMod.controller('Ct',['$scope', function ($scope) {
              
                 $scope.Frame="roleFrame";

                $scope.param = {
                    checkCode: $stateParams.checkCode,
                    modelCode: $stateParams.modelCode,
                    comCode: $stateParams.comCode,
                    type: $stateParams.type,
                                                                      
                  };
//指令要想获取控制器中的值有两种方式:1 直接获取 2 通过attrs属性
.directive('basicLawNav',['$parse','$state','$stateParams','CodesConstant',function($parse,$state,$stateParams,CodesConstant){
            return {
                restrict:'A',
                scope:{ },
                template:........,
                link:function(scope,ele,attr){
                     //scope.$parent可以拿到控制器中的scope
                    //1 这种方式使用同一个指令时,不同的控制器里的名字必须都叫$scope.Frame
                    var fram=scope.$parent.Frame

                    //scope.$parent[attr.paramDto]等于控制器中的$scope.param
//2 这种方式使用同一个指令时,控制器里的名字只需要跟
//param-dto=“param”属性中双引号中的名字一致即可,不同的控制器可定义不同的名字
                    var param =scope.$parent[attr.paramDto];

             //将指令中的dataList数组赋值给控制器中的$scope.aaa
              scope.dataList=[...];
              $parse('aaa').assign(scope.$parent, scope.dataList);

               //执行完指令再执行控制器里的testInit()方法,
               //但是控制器里必须是$scope.testInit()方法,不能是var testInit()方法
                scope.$parent.$evalAsync('testInit()');
                                         
                    }
                }
            }])
     

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值