javascript - El evento de cambio del modelo no se activará al actualizar una matriz.

jquery backbone.js

Question

Usando backbone.js ...

@model.bind ''change'', ()-> console.log ''updated''
addIndex = (index) =>
array = @model.get(''array'')
array.push index
@model.set
array: array

Esto actualiza el modelo perfectamente pero no activa el evento de cambio. ¿Alguien sabe por qué mirando lo que publiqué?

EDITAR:

Agregué esto y desencadena el evento de cambio:

@model.set
test: ''''
num = 0
setInterval ()=>
num++
@model.set
test: num
, 3000

Agregué esto y no desencadena el evento de cambio:

@model.set
test: []
num = 0
setInterval ()=>
console.log ''testupdate''
num++
test = @model.get(''test'')
test.push num
@model.set
test: test
, 3000

Answer 1

¡La respuesta de Brian sobre el motivo es asombrosa!

Quería presentar otra forma de obtener lo que desea en lugar de anularlo o clonar la matriz.

Simplemente active manualmente el cambio:

addIndex = (index) =>
array = @model.get(''array'')
array.push index
@model.trigger(''change:array'',@model, array)

Answer 2

El problema es que está configurando el valor con el valor existente. Eche un vistazo al código fuente:

http://documentcloud.github.com/backbone/docs/backbone.html#section-33

Cuando llamas a set , tiene una cláusula de guardia para asegurarte de que no estás configurando el mismo valor (para evitar bucles de eventos). En su caso, está obteniendo la matriz, modificándola y configurándola nuevamente, lo que no activará su evento.

Por supuesto, cuando set test: {} , es un elemento nuevo con un nuevo objeto, por lo que se activará de nuevo. Si realmente desea desencadenar el evento, puede establecerlo en nulo, luego establecerlo en un conjunto vacío y luego en el conjunto poblado de nuevo ...

Answer 3

¿Podría considerar usar una colección Backbone en lugar de una matriz, y luego vincularla para cambiar los eventos en esa colección?

Answer 4

Como está configurando el objeto al que se hace referencia, use _.clone() .

test = _.clone @model.get(''test'')
test.push num
@model.set test: test

Como ya no está utilizando el objeto / matriz referenciado para establecerse a sí mismo, activará el evento de cambio si ha cambiado.

Answer 5

Otra forma de hacerlo, al cambiar objetos o matrices, es desarmar silenciosamente la propiedad antes de establecer el nuevo valor actualizado. Algo como esto:

(function() {
var arr, model = new Model();
model.set( "arrayProp", [1, 2, 3] );
arr = model.get( "arrayProp" );
arr.push( 4 );
model.unset( "arrayProp", { silent: true } );
model.set( "arrayProp", arr );
})();

Al configurar silent: true al desactivar el accesorio, el evento de cambio solo se disparará una vez (cuando se llama al método set() y la propiedad se ha actualizado).

No hay realmente una diferencia entre hacer esto o llamar manualmente al evento, es solo una cuestión de preferencia personal.