Page rendering and data binding after AJAX call is too slow and horrible in ionic v1 ios app

Somebody can help me plz. I am using ionic v1 for my ios and android app.After AJAX call I have to process data and apply various conditions to display it in table.But after completing ajax call,the app takes almost 10 sec to load the page along with table.I can’t optimize code further.So please help me to know a better way of applying conditions and show data very quickly in table.
Also the table should be dynamic and reflect any operations performed on any row like ng-click,ng-change and also reflect data result immidiately.

 <table class="table">
                <thead>
                    <tr>
                        <!--<th class="headclass">Child ID</th>-->
                        <th class="headclass alignLeft"
                            ng-class='sortClass("CFirstName")'
                            ng-click="sortColumn('CFirstName')">Child Name</th>
                        <th class="headclass alignLeft"
                            ng-class='sortClass("RoomName")'
                            ng-click="sortColumn('RoomName')">Room Name</th>

                        <th class="headclass">Booking Time</th>

                        <th class="headclass"
                            ng-class='sortClass("BookedTimeFrom")'
                            ng-click="sortColumn('BookedTimeFrom')">Drop Off</th>
                        <th class="headclass"
                            ng-class='sortClass("BookedTimeTo")'
                            ng-click="sortColumn('BookedTimeTo')">Pick Up</th>
                        <th class="headclass"
                            ng-class='sortClass("ChildAttendanceReasonCD")'
                            ng-click="sortColumn('ChildAttendanceReasonCD')">Child Present</th>
                    </tr>
                </thead>
                <tbody>
                <tr ng-click="showcontactdetails(item)"
                    ng-repeat="item in filterbyroomname | orderBy:column:reverse">
                    <!--<td>{{item.ChildID}}</td>-->
                    <td class="alignLeft">{{item.CFirstName}} {{item.CLastName}}</td>
                    <td class="alignLeft" ng-click="$event.stopPropagation()">{{item.RoomName}}</td>

                    <td style="font-size:15px !important;" ng-if="showBookingTime(item)" ng-click="$event.stopPropagation()">{{item.ActualTimeFrom}} - {{item.ActualTimeTo}}</td>

                    <td ng-click="$event.stopPropagation()"
                    ng-if="!showBookingTime(item)">On Holiday</td> 

                    <td id="{{'bookedTimeFrom_' + item.ChildID }}"
                        ng-click="$event.stopPropagation()"
                        ng-if="item.BookedTimeFrom">{{item.BookedTimeFrom}}</td>
                    <td ng-click="$event.stopPropagation()"
                        ng-if="!item.BookedTimeFrom">-</td>
                    <td id="{{'bookedTimeTo_' + item.ChildID }}"
                        ng-click="$event.stopPropagation()"
                        ng-if="item.BookedTimeTo">{{item.BookedTimeTo}}</td>
                    <td ng-click="$event.stopPropagation()"
                        ng-if="!item.BookedTimeTo">-</td>
                    <td class="onHoliday"
                        ng-click="$event.stopPropagation()"
                        ng-if="item.ChildAttendanceReasonCD == 'H'">On Holiday</td>
                    <td id="{{'toggleSwitchForChild_' + $index }}"
                        ng-click="$event.stopPropagation()"
                        ng-if="item.ChildAttendanceReasonCD != 'H'">
                    <nz-toggle class="toggleSwitch" ng-click="abc($event);" ng-model="toggleSwitchForChild[item.ChildID]" on-toggle="childAttendanceChanged(item,item.ChildID, $index)" tri-toggle="" val-default="null" val-false="false" val-null="null" val-true="true"></nz-toggle>
                    </td>
                </tr>
                </tbody>
            </table>