Fading header effect example not working


#1

I’m in the process of converting my mobile application from a pure AngularJS to Ionic. It’s been great so far, a few bumps along the way, but that’s to be expected.

I wanted to implement the fading status bar to my application following the instructions http://ionicframework.com/tutorials/fade-status-bar/, but I couldn’t ever get it to work.

After digging into the code for a while, I finally discovered that in the ionSideMenus directive (ionic.js or ionic.bundle.js) there wasn’t a reference to the sideMenuController. Without the reference, obviously, the watch will not work.

Everything started working, once I added the following line to the directive:

$scope.sideMenuController = this;

So, now to my question, sorry for taking so long: is this the correct way to watch the side menu open ratio, or is there now a preferred method for trapping the change?

I didn’t want to add something back into the base library, if it was intentionally removed.

Thanks!
Eric


#2

Hi,

could you please post the correct code of directive? With the new beta version of ionic the fade bar does not work.

Thanks,

Lorenzo