eine Änderung in einem boolean-Array

Question

Ich habe eine Komponente, die ein Array von Elementen beobachtet:

itemsChanged: Ember.observer('items', 'items.[]', 'items.@each' function() { 
    // ...code... 
}), 

Das funktioniert gut, wenn ich ein Array von Objekten mit einer boolean-Eigenschaft.

Array(arraySize).fill(false, 0).fill(true, 0, 1).map(model => WrapperBool.create({ model })) 

Wie kann ich jedoch beobachten, wenn eine Reihe von Booleans eine Wertänderung haben? Das Array wird immer die gleiche Größe haben.

Array(arraySize).fill(false, 0).fill(true, 0, 1) 

Answer 1

Sie müssen KVO verwenden (KeyValueObservable) konforme Methoden zur Modifizierung, Zum Hinzufügen Sie pushObject müssen statt push und für eine Änderung, die Sie benötigen addObject zu verwenden, nur dann werden entsprechende Beobachter ausgelöst werden.

In Ihrem Fall reicht der abhängige Schlüssel items.[] aus. Sie sollten nicht verwenden (ich denke, es ist veraltet, aber ich bin mir nicht sicher, wie auch immer Sie items.[] verwenden können, kümmert es sich um das Hinzufügen/Löschen von Elementen).

application.js,

import Ember from 'ember'; 
export default Ember.Controller.extend({ 
    items:[true,false], 
    itemsChanged:Ember.observer('items.[]',function(){ 
    console.log(' items ',this.get('items')); 
    }), 
    actions:{ 
    test(){  
     this.get('items').addObject(true); 
    } 
    } 
}); 

application.hbs

<h1{{action 'test'}}>Welcome to {{appName}}</h1> 
{{items}} 

sample twiddle zum Spielen