大佬教程收集整理的这篇文章主要介绍了AngularJs directive-link实例，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
1.代码：
<body ng-app="myApp" >
<my-expander title="标题部分">
<h5>中间内容部分</h5>
</my-expander>
<!--<div class="panel panel-priMary" >
<div class="panel-heading"></div>
<div class="panel-body"></div>
</div>-->
<script>
</body>
var app = angular.module('myApp',[]);
app.directive('myExpander',function () {
return {
reStrict: 'E',replace: true,transclude: true,scope: {
title:'@' //如果使用= 双向绑定失败，因为replace=true 原始标签的title会被删除
},template: '<div class="panel panel-priMary" >'
+ ' <div class="panel-heading" ng-click="toggle()">{{titlE}}</div>'
+ '<div class="panel-body" ng-show="showMe" ng-transclude></div>',link: function (scope,element,attrs) {
scope.showMe = false;
scope.toggle = function toggle() {
scope.showMe = !scope.showMe;
if (scope.showME) {
scope.title = '点击关闭';
} else {
scope.title = '点击展开';
}
}
}
}
});以上是大佬教程为你收集整理的AngularJs directive-link实例全部内容，希望文章能够帮你解决AngularJs directive-link实例所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。