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