如何编写angularjs指令，为呈现该元素添加延迟？

如何编写一个angularjs指令来增加渲染该元素的延迟

<div my-directive>
     Hello - show after 1 second.
</div>

angular.module('myapp').directive('myDirective', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {

        }
    }
})

你好-1秒钟后显示。
角度.module（'myapp'）。指令（'myDirective'，函数（）{
返回{
限制：“A”，
链接：函数（范围、元素、属性）{
}
}
})

虽然可以手动显示或隐藏元素，但我认为不可能直接访问渲染过程

angular.module('myapp').directive('myDirective', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
          element.hide();            // hide on load
          $timeout(function() {
             element.show();         // show after delay
          }, 1000)
        }
    }
})

角度模块（'myapp'，[]）；
角度.module（'myapp'）。指令（'myDirective'，函数（）{
返回{
限制：“A”，
链接：函数（范围、元素、属性）{
css（“显示”、“无”）；
setTimeout（function（）{element.css（“display”，“block”）；}，1000）；
}
}
})
开始
你好-1秒钟后显示。

您可以使用范围变量和超时设置元素渲染的延迟 如果在指令的子元素中，则为ng

希望这有帮助

var-app=angular.module（“myapp”，[]）；
app.directive（'myDirective'，函数（$timeout）{
返回{
限制：“A”，
链接：函数（范围、元素、属性）{
$timeout（函数（）{
scope.show=true；
}, 1000);
}
}
});
app.controller（“myCtrl”，函数（$scope）{
$scope.show=false；
});

你好-1秒钟后显示。
不确定什么是“呈现”，例如div元素。实际的呈现完全在js控制台之外-如果元素是html格式的并且可见，它将被呈现，如果不是，它将不会。