正常定义一个directive
app.directive("testOne", function () {
return {
template:
"<div> " +
"<span id='date'>2015年11月05日</span>" +
"</div>",
replace: true,
restrict: 'E'
}
});
在Html中使用:
<test-one></test-one>
在directive里再添加一个标签
注意:replace的值必须设置为true
app.directive("testTwo", function () {
return {
replace: false,
restrict: 'E',
transclude: true,
template:
"<div> " +
"<span id='date'>2015年11月05日</span>" +
"<div ng-transclude></div>" +
"</div>"
}
});
在HTML中使用:
<test-two>
<div>
<p>在自定义的标签里再添加标签,位置就是ng-transclude所在的位置</p>
<div>
</test-two>
http://blog.51yip.com/jsjquery/1607.html
directive——scope选项与绑定策略
http://www.linuxidc.com/Linux/2015-05/116924.htmhttp://www.tuicool.com/articles/aAveEj