最近的项目用的是前后端分离技术,主要采用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()');
}
}
}])