directive(E).点击显示收起

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
<style>
.more{
width:500px;
height:60px;
line-height: 20px;
font-size:20px;
border: 1px solid red;
overflow: hidden;
}
.more1{
width:500px;
line-height: 20px;
font-size:20px;
border: 1px solid red;
}
</style>
</head>
<body ng-app="seemore">
<see>
三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始三德科技分开了手机打开冷风机实况了地方近了开始
</see>
<script>
angular.module('seemore',[]).controller('change',function ($scope) {
$scope.a = false;
}).directive('see',function () {
return {
restrict:'E',
template: '<div class="{{a?\'more1\':\'more\'}}">\
<a href="javascript:;" ng-click="a=!a">{{a?\'点击收起\':\'点击更多\'}}</a>\
<ng-transclude></ng-transclude>\
</div>',
transclude:true
}
})
</script>
</body>
</html>
posted @ 2017-03-31 18:47  Edison~~  阅读(149)  评论(0编辑  收藏  举报