Ionic checkbox to display buttons in header when clicked


#1

Hi guys, so I am wondering how to display a button in the header bar when the checkbox is clicked. I can’t seems to find any solution in codepen.

Here is my starting code

<ion-view>
<ion-nav-buttons side="left">

        <button menu-toggle="left" class="button button-icon icon ion-navicon"></button>

       <button ng-click="selectList()">Select</button>
    </ion-nav-buttons>

 <ion-content has-header="true" padding="true">

        <ion-list can-swipe="true">
                <ion-checkbox  ng-repeat="data in tempData"
                               item="data"
                               ng-model="data.checked" 
                               ng-checked="data.checked">
                    
                   {{item}} 

                </ion-checkbox>
                <div>
                 
               </div>
            <br />
        </ion-list>
        
        <br />
        <br />
        <br />
    </ion-content>
</ion-view>

#2

First create a simple working example and post it here, then we’ll create you a working example.

Templates can be found here:

http://forum.ionicframework.com/t/help-us-help-you/28875/3


#3

Here is my working template


#4

I so you already got your answer at StackOverflow, I was 6 minutes late.

At least here my solution if anyone stumbles here: http://codepen.io/Gajotres/pen/rVqPgQ


#5

You are amazing!!, it works perfectly :smiley: