Angular 1.6 - obserwowanie wyników filtrowania w przypisanej tablicy

Question

Dobry wieczór,

jak przechwycić moment wypełnienia się tablicy structure.filteredEmployees:

<tr draggable
          id="{{employee.id}}"
          st-select-row="employee"
          st-select-mode="single"
          ng-repeat="employee in structure.filteredEmployees = (structure.employees | filter : structure.employeeSearch)"
          ng-click="structure.selectEmployee(employee)">
          <td style="width: 25%">{{employee.lastName}}</td>
          <td style="width: 20%">{{employee.firstName}}</td>
          <td style="width: 15%">{{employee.phone1}}</td>
          <td style="width: 15%">{{employee.phone2}}</td>
          <td style="width: 25%" class="last">{{employee.email}}</td>
        </tr>

która zawiera rezultat działania filtrów?

GitHub: JavaScript, html
Demo z filtrami w nagłówkach kolumn.

Pozdrawiam,
Maciej

Answer 1

Skorzystaj z metody $watchCollection. Umieszczony w niej listener będzie wywoływać się, gdy pętla $digest wykryje zmiany na poziomie poszczególnych elementów tablicy.

Comments

Serdecznie dziękuję! Właśnie tego mi brakowało :)

$scope.$watchCollection('structure.filteredEmployees', function () {
    selectFirstFilteredEmployee()
  })

  function selectFirstFilteredEmployee () {
    if (self.filteredEmployees.length > 0) {
      self.selectEmployee(self.filteredEmployees[0])
      $rootScope.disabled.editEmployee = false
    } else {
      $rootScope.selected.employee = null
      $rootScope.disabled.editEmployee = true
    }
  }

M.