AngularJS - Page loads before scope variable is initialised

Question

I am initialising a scope variable to false in controller

$scope.created=false;

However when the page loads for the fist time still the below message flickers once and then hides. Is there a way to stop this flicker and hide it fully when the page loads for the first time.

<div class="alert alert-success" ng-show="created">A new Entity created successfully.</div>

Fraction · Accepted Answer · 2015-11-23 13:09:00Z

6

add ng-cloak to your div, it hides it until the controller is loaded.

answered Nov 23, 2015 at 13:09

Fraction

4632 silver badges11 bronze badges

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

1 Comment

Jay Over a year ago

Thanks it works fine when loading the page for first time.. But when I click refresh it does not work properly and shows this banner. Any other way to fix this ?

Ilson Nóbrega · Accepted Answer · 2015-11-23 13:19:11Z

1

Jay,

You can try this:

<div ng-init="created=false">
    <div class="alert alert-success" ng-show="created">A new Entity created successfully.</div>
</div>

And finally you can create a function that makes the variable created be true.

Look an example: Plunker

answered Nov 23, 2015 at 13:19

Ilson Nóbrega

686 bronze badges

Collectives™ on Stack Overflow

AngularJS - Page loads before scope variable is initialised

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related