angular directive的使用

正常定义一个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.htm
http://www.tuicool.com/articles/aAveEj