ng-click не будет работать после двух щелчков только Firefox

Я изучал этот вопрос и не могу найти вескую причину, почему это не работает. Я пытаюсь установить флажок select all в заголовке таблицы div. Мое текущее решение работает во всех браузерах, кроме Firefox. Он будет работать, когда будет нажат на первое время и будет работать при повторном нажатии, но не будет работать снова. Моя консоль будет показывать значение два раза, а затем не регистрируется. Вот мой код: HTML

<div class="table-responsive" ng-controller="ReportsController">
<table cellspacing="0" cellpadding="0" border="0" class="myreport table table-striped sortable"  style="border-collapse:collapse;">
<thead>
<tr >
<th class="myreport_header" ><p class="titleheader">
<input type="checkbox"  ng-click="toggleAll()" ng-model="isAllSelected" > Select</p>
</th>
</tr>
</thead>
<tbody>
<tr>    
<td><input type="checkbox" ng-checked="isAllSelected" ></td>
<td>sample</td>                        
<td>New</td>
</tr>
<tr>    
<td><input type="checkbox" ng-checked="isAllSelected" ></td>
<td>sample2</td>                        
<td>old</td>
</tr>
</tbody>
</table>
</div>

контроллер

reportsApp.controller('ReportsController', function ($scope, $http,$filter, $q, $window) {
$scope.isAllSelected = false;
console.log($scope.isAllSelected)

$scope.toggleAll = function() {
    if ($scope.isAllSelected) {
        $scope.isAllSelected = true;
    } else {
        $scope.isAllSelected = false;
    }
};
});