Estoy trabajando en un proyecto Angular JS y tengo una función para restablecer los filtros en una página. Lo que estoy tratando de hacer es bastante básico. configurando todos los filtros para que estén vacíos y llama a searchStudents() que mostrará la lista completa de estudiantes. this.nameSearch es un campo de texto y this.genderField y this.skillsFilter es un menú desplegable de selección que estoy vinculando con ng-model.

 function resetAllFilters() { this.nameSearch = ""; this.genderFilter = ""; this.skillsFilter = ""; searchStudents(); }

 function searchStudents() { if (!!this.genderFilter) { this.gender = self.genderFilter; } if (!!this.skillsFilter) { this.skills = this.skillsFilter; } params = { search: this.nameSearch skills: this.skills, gender: this.gender startsWith: "", startRow: startRow, pageSize: this.studentsPerRequest }; this.loading = true; StudentService.students.get(params).$promise.then( function(response) { console.log(response); }); }

La función resetAllFilters() se invoca al hacer clic en el botón de reposo. cuando selecciono cualquiera de los géneros de habilidades del menú desplegable, la lista se filtra. pero cuando hago clic en restablecer, los valores en el menú desplegable se restablecen pero no reflejan los valores en searchStudents() . la lista se actualiza con el mismo valor filtrado anterior en lugar de la lista completa. cualquier entrada será apreciada. gracias de antemano