Cómo convertir objetos anidados js simples en objetos Ember.js?

Question

Si tengo un conjunto anidado de objetos javascript antiguos y sencillos (por ejemplo, haberlos devuelto desde JSON), ¿cómo los hago en los objetos Ember.js (o al menos cómo funciona la vinculación)?

Por ejemplo, si tengo un objeto como:

var x = { 
    bar: { 
    baz: "quux" 
    } 
} 

Entonces convertir eso en un objeto Ember:

var y = Ember.Object.create(x); 

A continuación, estableciendo el valor de "baz" no va a actualizar cualquier vistas que tengo, porque es solo un objeto js normal, no un objeto Ember.

Sé que puedo ir recursivamente por las teclas de objeto, y hacer que Ember.Object.create hasta abajo, pero ¿hay un enfoque alternativo?

Answer 1

No estoy seguro de cómo está intentando establecer el valor de baz, después de haber creado el Ember.Object, pero debe asegurarse de utilizar una función de configuración sensible al observador. Para este ejemplo, sugeriría usar setPath().

Por ejemplo:

var x = { 
    bar: { 
    baz: "quux" 
    } 
}; 
var y = Ember.Object.create(x); 
y.setPath('bar.baz', 'foo'); 

ejemplo jsFiddle, mostrando una actualización de la vista después de ajustar: http://jsfiddle.net/ebryn/kv3cU/

Answer 2

Por alguna razón tuviera que definir objetos anidados de forma independiente con el fin de garantizar las obras calculados correctamente (incluso el enumerados).

Para que termino la elaboración de estas funciones de utilidad 2:

import EmberObject from '@ember/object'; 
import { A } from '@ember/array'; 

function fromArrayToEmberArray(array) { 
    const emberArray = A(); 
    array.forEach(function(item) { 
     if (Array.isArray(item)) { 
      emberArray.push(fromArrayToEmberArray(item)); 
     } else if (item && typeof item === 'object') { 
      emberArray.push(fromObjectToEmberObject(item)); 
     } else { 
      emberArray.push(item); 
     } 
    }); 
    return emberArray; 
} 

function fromObjectToEmberObject(pojo) { 
    const emberObject = EmberObject.create(); 

    for (const key in pojo) { 
     const keyObject = pojo[key]; 
     if (Array.isArray(keyObject)) { 
      emberObject.set(key, fromArrayToEmberArray(keyObject)) 
     } else if (keyObject && typeof keyObject === 'object') { 
      emberObject.set(key, fromObjectToEmberObject(keyObject)) 
     } else { 
      emberObject.set(key, keyObject); 
     } 
    } 

    return emberObject; 
} 

export default {fromObjectToEmberObject};