Tengo la siguiente matriz de objetos.
$scope.client.systemAssessments = [ { id: 0, name: 'Name 1', paused: false }, { id: 1, name: 'Name 2', paused: false }, ]Luego renderizo algo de HTML para cada evaluación:
<div ng-repeat="systemAssessment in client.systemAssessments"> <span class="switch"> <input ng-model="systemAssessment.paused" name="{{systemAssessment.name}}" ng-change="onPauseResumeAssessmentHandler(systemAssessment)" type="checkbox" toggle-btn on-type="success"> </span> </div>Y mi función ng-change se ve así:
$scope.onPauseResumeAssessmentHandler = function onPauseResumeAssessmentHandler(systemAssessment) { //const { id, paused } = systemAssessment; //const clientId = $scope.client.clientId; console.log(systemAssignedAssessment); try { throw new Error('ERROR'); //AssessmentsService.pauseResumeAssessment(clientId ,id, !paused); } catch (error) { $scope.client.systemAssessments[0].paused = false; console.log($scope.client.systemAssessments); } }; Ahora, dado que mi casilla de verificación de entrada está vinculada a pausedAssessment.paused , si la marco, la propiedad en pausa se vuelve verdadera y la casilla de verificación se marca, sin embargo, solo quiero que se marque si AssessmentsService.pauseResumeAssessment(clientId ,id, !paused); no falla ya que es una solicitud POST.
Por ejemplo, si la casilla de verificación no estaba marcada y la hice clic, me gustaría que verificara solo si la solicitud POST se realiza y que permanezca sin marcar o que se desmarque si la solicitud POST falla.
Como puede ver en mi fragmento de código, intenté usar un bloque try-catch y luego desmarqué la primera casilla de verificación si la solicitud POST arroja un error, sin embargo, cuando registro $scope.client.systemAssessments en la captura, muestra que la propiedad en pausa de la primera evaluación todavía está establecida en verdadero, aunque puede ver que la configuré en falso.
Supongo que esto sucede debido a una extraña interacción entre ng-model y ng-change (tal vez ng-model sobrescribe los cambios que hago en ng-change)
Haz las cosas bien. Cuando se hace clic en la casilla de verificación sin marcar, se marcará, NO luche contra eso. Pero después de marcarlo, puedes desmarcarlo:
... ng-change: if (smth.paused) { try { throw new Error('ERROR'); } catch (error) { $timeout(() => { // Can not and should not be done immediately smth.paused = false; }) } }