anglular 自定义指令scope =

来源：互联网发布：linux vi esc 没反应编辑：程序博客网时间：2024/06/04 19:23

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title></title>

</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">

<my>
<div ng-bind="a"></div>

<scop qqq= 'data[0]' > </scop>
<scop qqq= 'data[1]' > </scop>
</my>
</div>
</body>
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
<script>
var app = angular.module('myApp',[]);
app.controller('myCtrl',['$scope',function($scope){
$scope.a = 'my';
$scope.data = [{name:'张三'},{name:'李四'}];

}])
.directive('my',function(){
return {
restrict:'E',
templateUrl :'myfirst.html',
replace:true,
transclude:true,
link:function(scope,ele,attri){
console.log(scope);
console.log(ele);
console.log(attri);
scope.changColor = function(){
ele.css('background-color','red');
}
}
}
})
.directive('scop',function(){
return {
restrict:'E',
template:'<div>{{qqq.name}} {{qqq.name}}</div>',
replace:true,
scope :{
qqq:'='
}

}
});
</script>
</html>

0 0