多个directive定义在一个DOM元素上时的编译和链接顺序---执行顺序

js代码：

myapp.controller('ctrl',['$scope',function ($scope) {
    $scope.ability=[];
}]);

myapp.directive('supperman',function () {
    return {
        restrict:'AE',
        // scope:{},
        controller:function ($scope) {             // controller是一个函数
            // $scope.ability=[];                      // 内部controller需要$scope
           this.add1 = function () {
               $scope.ability.push("aaa");
           };
           this.add2 = function () {
               $scope.ability.push("bbb");
           };
           this.add3 = function () {
               $scope.ability.push("ccc");
           };

        },
        link:function (scope,element,attr) {
            elemen