AngularJS and using $timeout to render template

Question

I am trying to render/return the content within this directive after 1 second. Tried multiple ways of doing this but can't seem to get it working and I have a gut feeling that it should be super easy. Below is an example of my code. Corrections to my code would be greatly appreciated!

The Directive:

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

HTML-partial view code Calling the above Directive:

<hello-World/>

JimL · Accepted Answer · 2014-11-26 19:24:09Z

3

You could use the directives controller to set a "show something variable" after a timeout

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/

answered Nov 26, 2014 at 19:24

JimL

2,5411 gold badge20 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS and using $timeout to render template

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related