After creating 3 groups - priority 1, 2, and 3 with orderBy:priorty for each pushed task to go into their designated group, I noticed some strange behavior within the groups where they don't sort properly when more data is added.
<input ng-model="taskName"/>
<button ng-click="AddTask()">Push task</button>
<li ng-repeat="task in tasks | orderBy:'priorty'">priorty {{task.priorty}} - {{task.taskName}}</li>
Instead of newly pushed items being added to the bottom as expected, they sometimes end up at the top or in the middle. Why does this happen?
Check out my demo here: http://plnkr.co/edit/V5aIZcLbhiSfLy1vEWoe?p=preview