本文共 755 字，大约阅读时间需要 2 分钟。

1.代码：

    
           
    
中间内容部分
    
       
       

var app = angular.module('myApp', []);app.directive('myExpander', function () {    return {        restrict: 'E',        replace: true,        transclude: true,        scope: {            title:'@' //如果使用= 双向绑定失败，因为replace=true 原始标签的title会被删除        },        template: '
   
    '            + ' 
    
     {
  {title}}
    
'            + '
    
',        link: function (scope, element, attrs) {            scope.showMe = false;            scope.toggle = function toggle() {                scope.showMe = !scope.showMe;                if (scope.showMe) {                    scope.title = '点击关闭';                } else {                    scope.title = '点击展开';                }            }        }    }});