transclude指令
1.通过url传入指令模版
templateUrl:"./templateUrl.html"
2.是否保留标签的内容
transclude:true
3.修改templateUrl.html, 添加标签属性 ng-transclude
app.directive("sk", function () {
//返回一个对象
//restrict--> E:元素形式出现 A:属性形式出现 C:当作类形式出现 M:以注释形式出现
return {
restrict:"EA",
//注意:指令模版必须有一个根元素包裹
//template:"<h1>我是一个自定义指令模版<p>俺是p标签</p></h1>",
templateUrl:"./templateUrl.html",
//是否替换原有标签
replace:true,
//是否保留标签的内容
transclude:true
}
});
<h1>
<div ng-transclude></div>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<div ng-transclude></div>
</h1>
