不喜欢描述，还是喜欢直接上代码，一个简单的自定义指令，数据的存储。
<!DOCTYPE html>
<html>
<head>
<title>angular——directive</title>
</head>
<body ng-app="app" ng-controller="ctrl">
<my-dir data='list'></my-dir>
</body>
<script src="https://cdn.bootcss.com/angular.js/1.6.2/angular.js"></script>
<script>
var app=angular.module('app',[]);
app.controller('ctrl',function($scope){
$scope.search=''
$scope.list=[{
'name':'tom',
'age':12
},{
'name':'jane',
'age':23
},{
'name':'Adam',
'age':18
},{
'name':'Beck',
'age':22
},{
'name':'Chad',
'age':25
},{
'name':'Chad',
'age':30
}]
})
app.directive("myDir",function(){
return {
restrict :'AE',
replace : true, //直接替换你的自定义标签
scope : {
data : '=' //存储 list的值 注意：HTML 的修改
},
template :"<div><p ng-repeat='item in data'>{{item.name}}</p></div>"
}
})
</script>
</html>