Backbone.Collection.each - Comportement très étrange

Question

Je rencontre actuellement un comportement très inhabituel lorsque j'utilise la méthode each d'une collection Backbone. Dans mon application, j'autorise les utilisateurs à modifier des modèles existants, ce qui inclut l'édition et l'ajout d'un certain nombre de contraintes de temps à ce modèle. Le modèle et ses contraintes de temps sont liés à Backbone Relational. Chaque fois que l'utilisateur clique pour ajouter une nouvelle contrainte de temps, j'ajoute un modèle TimeConstraint à la relation sans l'enregistrer. Si un utilisateur décide alors d'annuler la modification, toutes les contraintes de temps nouvelles/non enregistrées doivent être supprimées de la relation. Cependant, lorsque je boucle sur ma collection, il ne semble pas effectuer l'itération finale.

je construit un jsFiddle pour illustrer ce comportement ici: http://jsfiddle.net/richardstokes/ZzFgZ/9/

Les étapes à suivre sont les suivantes:

1. Cliquez sur « Modifier la stratégie »
2. Ajouter 2 ou plus de nouvelles contraintes de temps en utilisant le « Nouveau temps Constraint » bouton
3. Annuler les modifications en cliquant sur "Annuler Edits"

Vous remarquerez que la console imprime la longueur de début de la collection time_constraints et la longueur de finition, ainsi que les longueurs intermédiaires après la suppression des modèles non sauvegardés. Il semble toujours s'arrêter court et laisser un élément dans la collection, même s'ils sont tous nouveaux/non enregistrés.

J'apprécierais grandement si quelqu'un m'aiderait avec ce problème, il m'a littéralement coincé toute la journée.

Answer 1

Vous supprimez des éléments car la collection de timeConstraints est en cours d'itération, ce qui peut provoquer un comportement indéfini. Essayez d'abord obtenir la liste des nouveaux timeConstraints, puis les passer comme un tableau pour remove():

var toRemove = this.model.get('time_constraints').filter(function (timeConstraint) { 
    return timeConstraint.isNew(); 
}); 
this.model.get('time_constraints').remove(toRemove);