How to compare the needed data by selecting check box and to show in list view

I have two check box. 1. filter by data , 2.Show pending.. And below that i am population some data from database in list view. What i need is if i press filter by data check box then my list view should reload and should show the data from data format. Means that which data is added first in database know. so that should show first in list view.

Then if i press show pending check box then from my data base i have one parameter called status which will show the statuspending or orderd. So if i press show pending check box then which are the data are having pending status that should populate in my list view.How to do this . Here is my code :

<div class="row" >

    <div class="col col-50" style="border-right: 1px #ccc solid;">
        <input type="checkbox" style="margin: 8px;"> <span class="assertive" style="margin: 0px;">Show pening</span>
    </div>

    <div class="col col-50">
        <input type="checkbox" style="margin: 8px;"> <span class="assertive" style="margin: 0px;">sort by date</span>
    </div>

       </div>
<ion-list>
            <ion-item class="item-icon-right clsOrders" ng-repeat="mydash in MyOrders" ng-click="ShowDetails(mydash)">
                <div class="row" >
                    <div class="col col-20 clsOrderDateMonth">
                        <span class="clsOrderDate"></span>
                        <div class="spacer" style="height: 5px;"></div>
                        <span class="assertive clsOrderMonth"></span>
                    </div>
                    <div class="col col-50">
                        <span class="balanced clsOrderDetailNumber"></span>
                        <div class="spacer" style="height: 10px;"></div>
                        <div class="clsStatusCount row cls0Padding">
                            <div class="col col-50 cls0Padding">
                                Item:&nbsp;<span class="assertive"></span>
                            </div>
                            <div class="col col-40 cls0Padding">
                                <span class="balanced clsMakeContentRight"></span>
                            </div>
                            <div class="col col-20 cls0Padding">
                            </div>
                        </div>
                    </div>
                    <div class="col col-25 ">
                        <div class="spacer" style="height: 5px;"></div>
                        <div class="col col-40 cls0Padding" style="margin-top: 26px;font-size: 11px;">
                                Amount:&nbsp;<span class="assertive"></span>
                        </div>
                    </div>
                </div>
                <i class="icon ion-chevron-right icon-accessory"></i>
            </ion-item>
            </ion-list>

How can i do that.Please help me out.

Thanks !!