<div ng-app="app">

    <div ng-controller="myctl">

        <button superman strength>按钮1111</button>

        <button superman strength speed>按钮22222</button>

    </div>

</div>

<script>

    var app = angular.module("app", []);

    app.controller("myctl", function ($scope) {

        $scope.info = "";

        $scope.showinfo = function () {

            $scope.info = "loading.....";

        };

    });

    app.directive("superman", function () {

        return {

            scope: {},

            controller: function ($scope) {

                $scope.arr = [];

                this.addL = function () { $scope.arr.push("length") };

                this.addS = function () { $scope.arr.push("speed") };

            },

            link: function (scope, element, attrs) {

                element.addClass("btn btn-success");

                element.on("click", function () {

                    alert(scope.arr);

                });

            }

        }

    });

    app.directive("strength", function () {

        return {

            require:'^superman',

            link: function (scope, element, attrs, ctl) {

                ctl.addL();

            }

        }

    });

    app.directive("speed", function () {

        return {

            require: '^superman',

            link: function (scope, element, attrs, ctl) {

                ctl.addS();

            }

        }

    });

</script>