为什么我的指令的链接函数从未被调用？

我有这个指令：

    hpDsat.directive('ngElementReady', [function() {
        return {
            restrict: "A",
            link: function($scope, $element, $attributes) {
                // put watches here.
                console.log(" WHAT THE @#%*%$??? ");
                $scope.$eval($attributes.ngElementReady);
            }
        };
    }]);

我从来没有看到过的输出console.log。我声明一个这样的元素：

<div data-ng-element-ready="console.log(' ------------------------------- COMPILED! ')" data-ng-if="analysis.type" data-ng-show="showBasicHtml" data-ng-include="analysis.type+'Content.html'"></div>

是的，我在声明控制器之前声明该指令，在该控制器下div元素存在。元素出现，ngShow 和 ngInclude 工作，加载模板中的任何内容也都工作得很好（更多指令、控制器、{{表达式}} 等）。

如果我用编译函数执行它，则编译函数does工作，但仍然没有链接功能：

    hpDsat.directive('ngElementReady', [function() {
        return {
            restrict: "A",
            compile: function($element, $attributes) {
                console.log("This I do see."); // THIS WORKS!!
                return function($scope) {
                    // put watches here.
                    console.log("But not this. Why???"); // DOESN'T WORK!!
                    $scope.$eval($attributes.ngElementReady);
                };
            }
        };
    }]);

编译函数的console.log工作正常，但返回的链接函数仍然没有被执行。

知道为什么链接函数可能不会被触发吗？

错误可能在其他地方。我尝试过jsfiddle http://jsfiddle.net/egamonal/S53eA/第一个版本有效。

eval()

无论如何，您可能对什么有误解$scope.$eval() does:

$scope.$eval()根据范围评估 angularjs 代码。 JavaScript 的eval()在 angularjs 中运行任意 js 代码的函数是$window.eval()。有关此内容的更多信息，请参见此处：Angular.js：$eval 是如何工作的以及为什么它与普通 eval 不同？ https://stackoverflow.com/questions/15671471/angular-js-how-does-eval-work-and-why-is-it-different-from-vanilla-eval

我测试了与控制器隔离的指令：

<div data-ng-element-ready="console.log('COMPILED!')"></div>

和指令：

app.directive('ngElementReady', ['$window', function($window) {
return {
    restrict: "A",
    link: function($scope, $element, $attributes) {
        console.log("Reached the link fn", $attributes);
        $window.eval($attributes.ngElementReady);
    }
};
}]);

我确实得到了“到达链接 fn”的值并且$attributes是正确的：

Reached the link fn Object { $$element={...}, $attr={...},  
ngElementReady="console.log('COMPILED!')", more...}

And $window.eval()回报COMPILED!

and here http://jsfiddle.net/egamonal/S53eA/1/带控制器。

无论如何，使用eval()执行在属性中编写的代码看起来很危险。任何人都可以修改 DOM 来运行代码。至少确保它不会影响任何其他用户或服务器端。

使用 ng-if 重现问题

第一条评论后编辑： 我尝试使 ng-if 表达式计算结果为 falsehere http://jsfiddle.net/egamonal/S53eA/2/这次没有显示该消息。 这可能会发生，因为为了评估 ng-if，yuo 必须首先编译该指令。否则，这只是 anuglarjs 不知道的代码。但是，由于它已从 DOM 中删除，因此它永远不会到达链接函数。

AngularJS函数的执行顺序

一般来说，执行顺序是这样的（乔什·大卫·米勒解释道 https://groups.google.com/d/msg/angular/bBgJ6Tb-mHo/PDSU76pNPtAJ:

<div directive1>
  <div directive2>
    <!-- ... -->
  </div>
</div>

现在 AngularJS 将通过按一定顺序运行指令函数来创建指令：

directive1: compile
  directive2: compile
directive1: controller
directive1: pre-link
  directive2: controller
  directive2: pre-link
  directive2: post-link
directive1: post-link