Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49082

Ng-show ng-hide visible when view loads?

$
0
0

@mk99 wrote:

Hi,

I'm not sure my title explains this very well, but anywhere in my app I'm using ng-show, ng-hide or ng-if to conditionally hide content I can briefly see the content before it is hidden. For example I'm using ngMessages along with ng-show to display form validation information when appropriate:

<div class="error-container last-error-container" ng-show="signupForm.$error && signupForm.$submitted" ng-messages="signupForm.$error">
          <div ng-messages-multiple ng-messages-include="templates/error-list.html"></div>
      </div>

When I go to the view which contains this for the first time I can briefly see this error container before it disappears.

I have switched to a mac to test the app out in iOS and also added the native transition plugin so I don't know if it's coincidental that I have noticed this at the same time. Even if I set a variable to false in the controller and use it with ng-show I will briefly see content.

It feels like there is an animation or timeout in effect on these element which take a while to kick in but I don't see where this occurs, I found a bit of css on stack overflow related to ngAnimate and applying display none !important to overwrite any css animations I guess, but that didn't help.

Has anyone else experienced this? Am I doing something wrong? Any advice would be appreciated, thanks!

Posts: 2

Participants: 2

Read full topic


Viewing all articles
Browse latest Browse all 49082

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>