Passing parameters in the footer bar


Okay so basically I’m trying to pass parameters whenever a button is clicked and it works fine whenever ion-content tags. So like:

<button class="button" ng-click="saveAnswer(checkVal1, checkVal2)">Check!</button>

But I’m trying to make this button within a footer bar which falls outside the ion-content tags and instead of passing the actual parameters it is simply passing undefined.

<button class="button" ng-click="saveAnswer(checkVal1, checkVal2)">Check!</button>

The parameters I’m looking to pass are set within the ion-content tags, but I’m looking for a way to pass them back to the controller outside of these, any help would be much appreciated



Try enclosing your button in <ion-footer-bar></ion-footer-bar>


Okay sorry my bad, that didn’t work, if you attatch the ion-footer-bar tags inside <ion-content></ion-content> it doesn’t stick to the bottom of the screen and outside the ion-content tags it still doesn’t pass the parameters so basically now I have:

<ion-footer-bar class="bar-royal">
  <button class="button button-clear" ng-click="saveAnswer(checkVal1,checkVal2)">Next</button>

But this isn’t passing the params. Like the ng-click works with functions without params just not with.


cant think of a reason of why this would be happening, check that you havent left any tags open or something otherwise it should work.

Check out this codepen , clearly vars are passed from the controller to the footer just fine.


Didn’t get the parameter passing working so I’ve just implemented a sort of long-winded, not very good solution which will do the job for now, thanks anyway for your help!