Question

我试图在1秒后渲染/返回此指令中的内容。尝试了多种方法，但似乎无法让它发挥作用，我有一种直觉，它应该是非常容易的。下面是我的代码示例。我的代码更正将非常感谢！

指令：

myApp.directive("helloWorld", ['$timeout', $timeout(function() {
    return {
    restrict: "E",
    template: '<h1>Hello World!</h1>'
    };
}, 1000)]);

HTML-partial view code调用上述指令：

<hello-World/>

Answer 1

您可以使用指令控制器在超时后设置“show something variable”

myApp.directive("helloWorld", ['$timeout', (function($timeout) {
    return {
        restrict: "E",
        template: '<h1 data-ng-show="showData">Hello World!</h1>',
        controller: function($scope, $timeout) {
            $scope.showData = false;
            $timeout(function() {
                $scope.showData = true;
            }, 1000);
        }
    };
})]);

http://jsfiddle.net/2om8ybhy/

AngularJS并使用$ timeout来渲染模板

1 个答案: