Initially hide elements when using angular.js

Question

In the example below I do not want the values "A" og "B" to be visible until JavaScript has been loaded and $scope.displayA has been set by the return of some ajax call.

<span ng-show="displayA">A</span>
<span ng-hide="displayA">B</span>

What is the best way to achieve this?

ok. I thought it would be enough for you to see that you needed two things: ng-cloak and a css-rule. — Vegar
– Vegar, Commented Jan 28, 2014 at 8:31
(I deleted my previous comment by mistake:) The answer to the other question you are referring to provides additional and valuable information, but it does not answer my question, which is how do I achieve this... — andersh
– andersh, Commented Jan 28, 2014 at 8:39

TestersGonnaTest · Accepted Answer · 2014-01-28 08:08:08Z

1

Just use ng-cloak on them. Link to docs: http://docs.angularjs.org/api/ng.directive:ngCloak

answered Jan 28, 2014 at 8:08

TestersGonnaTest

1,0272 gold badges10 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

Initially hide elements when using angular.js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related