Question

Problem: the computed property “tnop” does not get updated when the controller modifies the “pages” array as shown below:

relevant book model code:

sections: []
tnop: function() 
{
var n = 0;
var sections = this.get('sections');
if (!sections)
  return n;

for (var i=0; i < sections.length; i++) {
  n += sections[i].pages.length;
}
return n;
}.property('[e-mail]')

---

relevant controller code:

var sections = EM.model.getPath('book.sections');
var aps = EM.model.getPath("ps");
$.each(sections, function(si, section) {
  var bp = [];
  if (json && json.ia) {
    bp = section.get("pages");
    var ns = aps[json.ssi];

      var lp = ns.get("lp");
      var rp = ns.get("rp");
    if (rp) {
      bp.insertAt(lp.number-1, rp);
      bp[lp.number-1] = rp;
    }
    if (lp) {
      bp.insertAt(lp.number-1, lp);
      bp[lp.number-1] = lp;
    }
  }
});

---

Answer 1

As it stands, you can’t observe deeply nested paths off @each directly. Instead, you have to use nested @each proxies, as such:

property(‘[e-mail][e-mail]’)