javascript - 我如何在angularjs指令中获得编译(？)字符串

Question

这是我的测试指令的代码:

    mymodule.directive("test", function($compile) {
return {
    restrict: 'E',
    replace: true,
    template:
            '<div data-date="{{avail}}"></div>',
    scope: {
        avail: '='
    },
    controller: function($scope) {
        $scope.dump = function(el) {
            console.log($('<div>').append(el.clone()).html());
        };
    },
    link: function postLink($scope, $element, $attrs) {            

        $scope.dump($element); // print '<div data-date="{{avail}}"></div>'
        $scope.dump($compile($element)($scope));  // print '<div data-date="{{avail}}"></div>'

        setTimeout(function() {
            $scope.dump($element); // print '<div data-date="12.10.2014"></div>'
        }, 1);
    }
}
});

问题是:如何编译(或命名)字符串

<div data-date="12.10.2014"></div>

在 postLink 函数中(不使用 setTimeout)。

Answer 1

这很像@Ben 的回答，只是你应该取消注册 $watch 监听器

var unregister = $scope.$watch('avail', function(){
   if($scope.avail) {
       $scope.dump($element);
       unregister();
   }
});

或者你可以使用 $timeout

$timeout(function(){
    $scope.dump($element);
})