思路： ### 当replace为true时，template的内容会把内容替换 ~~~ <div ng-controller="a"> <i-yyan></i-yyan> <hr> <div i-yyan></div> </div> # 会变成 <div ng-controller="a" class="ng-scope"> <h1>nihao</h1> <hr> <h1 i-yyan="">nihao</h1> </div> ~~~ ### 当replace为false时，template的内容会插入到标签中 ~~~ <div ng-controller="a"> <i-yyan></i-yyan> <hr> <div i-yyan></div> </div> # 会变成 <div ng-controller="a" class="ng-scope"> <i-yyan><h1>nihao</h1></i-yyan> <hr> <div i-yyan=""><h1>nihao</h1></div> </div> ~~~ ## angular ~~~ var a = angular.module('model', []); a.directive('iYyan', function () { return { restrict: 'AEC',//a Attr标签,E Element元素,c Class样式 template: "<h1>nihao</h1>", replace:true } }); ~~~