Ng-click restrained within ion-slide


I have multiple slide boxes being generated by ng-repeat. For each I wanted to have a section that will appear underneath the containing Slide box when the button in the ion-slide is clicked. The code below explains what am I trying to do and what does and does not work. Any help would be greatly appreciated!

<ion-slide-box show-pager="false">


		<button class="button button-dark" ng-click="test = !test">

		Works > True or False? > {{test}}


Does not work > True or False? > {{test}}


It’s because of how scope works for out directives.

$ ={'test': 'true'};