ember.js - 如何使用 ember 在 Handlebars 1.3 中循环嵌套数组(适用于 iOS8)

Question

我发现了一个似乎只在 iOS8 上存在的问题，我想看看有什么解决方法。

var SessionsController = Ember.ArrayController.extend({
    everything: function() {
        var models = [{time: "x", sessions: []}];
        return models;
    }.property()
});

在上面的 Controller 中，我创建了一个模型数组并将新对象插入其中...但是在 iOS8 上，当我使用下面的嵌套模板时，出现以下错误(似乎在运行循环的中间)

TypeError: Attempted to assign to readonly property.

这是模板

<table class="table table-border">
  <tbody>
  {{#each group in everything}}
    <tr>
    {{#each session in group.sessions}}
      <td>yo</td>
    {{/each}}
    </tr>
  {{/each}}
  </tbody>
</table>

这是我的 bower.json 以显示我正在使用的所有版本

  "dependencies": {
    "jquery": "2.1.1",
    "ember-resolver": "0.1.7",
    "handlebars": "1.3.0",
    "ember": "1.7.0",
    "ember-loader": "*",
    "fauxjax": "0.2.0",
    "bootstrap": "~3.2.0"
  }

Answer 1

这似乎是一个 iOS 8 Safari 错误。

经过一些调试后，我第一次通过了贫民窟的解决方法https://github.com/emberjs/ember.js/pull/5629

据我所知，这不会影响 iPhone 5s 或 Retina Mini，但会影响 4s 5 和 5c

当对像 DOM 元素这样的 Native 对象进行子类化时，似乎还会出现其他非常相似的问题。症状可能相似，但无论使用何种设备，它们似乎都会发生。我怀疑它们可能是相关的，但我们可能有一个特殊的雪花。