AngularJs directive-controller实例

天马3798

于 2016-06-09 18:11:27 发布

阅读量1.1k

点赞数

分类专栏： AngularJs 文章标签： AngularJs directive

本文链接：https://blog.csdn.net/u011127019/article/details/51622292

版权

AngularJs 专栏收录该内容

55 篇文章 3 订阅

订阅专栏

1.代码

<body ng-app="myApp">
    <my-site value="http://www.tianma3798.cn/" text="爱短句">爱短句1</my-site>
    <div my-site class="bg-danger" value="http://www.tianma3798.cn/" text="爱短句">爱短句2</div>
</body>

var app = angular.module('myApp', []);
app.directive('mySite', function () {
    return {
        restrict: 'EA',
        transclude: true,
        controller: function ($scope, $element, $attrs, $transclude) {
            $transclude(function (clone) {
                var a = angular.element('<a>');
                a.attr('href', $attrs.value);
                a.text(clone.text());
                $element.append(a);
            });
        }
    }
});