Emberjs - 修改数组

Question

我对 Ember 有一些我不太了解的问题。我有一个这样的数组：

var device.images = [
    0: {
        url: "url",
        key: "key"
    },
    1: "url2",
    2: "url3",
    3: "url4"
];'

在我的控制器中，在地图中，我尝试修改数组中的每个项目：

device.images[idx] = image;

image 是一个新对象，看起来像我的数组的第一项。但我总是得到断言失败：

Assertion Failed: You must use Ember.set() to access this property (of [object Object]...

我该如何解决？因为这通常不应该有效？

[编辑] 这是完整的代码：

loadGallery: function( device ) {

        var that = this;
        var images = device.images.map( function( item, idx ) {
            return new Ember.RSVP.Promise(function( resolve ) {
                if ( item.url ) {
                    resolve( item );
                }
                else {
                    resolve( that.imageStore.readImage( that, item ) );
                }
            })
            .then( function( image ) {
                device.images.set( idx, image );
                that.set( 'selectedItem.images', device.images );
                return image;
            });
        });
        return Ember.RSVP.Promise.all( images );
    },

Answer 1

[编辑：第一次尝试错误]

看来您应该可以使用item[index] = value 构造。用法示例：

App.IndexRoute = Ember.Route.extend({
  resolveImage: function (that, item) {
    return {
      url: item,
      key: "resolved"
    };
  },
  model: function() {
    var device = {
      images: [
        {url: "a", key: "existing"},
        "b",
        "c"
      ]
    };
    var that = this;
    var images = device.images.map(function(item, idx) {
      return new Ember.RSVP.Promise(function(resolve) {
        if (item.url) {
          resolve(item);
        }
        else {
          resolve(that.resolveImage(that, item));
        }
      })
      .then(function(image) {
        device.images[idx] = image;
        return image;
      });
    });
    return Ember.RSVP.hash({
      model: Ember.RSVP.Promise.all(images),
      device: device
    });
  },
  setupController: function (c, m) {
    c.set("model", m.model);
    c.set("device", m.device);
  }
});

  <script type="text/x-handlebars" data-template-name="index">
  <h2>From model</h2>
  <ul>
    {{#each item in model}}
      <li>{{item.url}} - {{item.key}}</li>
    {{/each}}
  </ul>
  <h2>From device</h2>
  <ul>
    {{#each item in device.images}}
      <li>{{item.url}} - {{item.key}}</li>
    {{/each}}
  </ul>
  </script>

JSBin here.

除了代码中其他地方的一些错误之外，唯一剩下的解决方案是您使用的Ember.Data 和images 并不是真正的数组，而是一个仅实现一个或多个 Ember 的数组/可枚举混合的自定义类。 [...] 构造是硬编码到 javascript 中的语法糖，库作者无法覆盖。

因为我不使用 Ember.Data，所以我帮不了你太多。您可以尝试使用来自Ember.MutableArray 接口的显式数组变异方法。例如：

device.images.replace(idx, 1, [image]);

或者，使用object.set(key, value) 构造（我的第一个建议），但需要注意的是键值必须是字符串。例如：

device.images.set(String(idx), image);

如果这些都不起作用，您可以尝试构建一个新数组，而不是替换现有数组的成员。