Question

我正在使用ajax调用的返回响应创建一个新的Ember.Model。

这是我在控制器中的ajax方法

createImageResource: function() {
  var self = this,
      fd = new FormData(),
      newResource = {},
      resources = self.get('controllers.resources.model'),
      fileName = this.get('resource_image').name,
      fileSize = this.get('resource_image').size,
      fileType = this.get('resource_image').type;

  fd.append('resource[resource_type]', 'image');
  fd.append('resource[resource_name]', this.get('resource_name'));
  fd.append('resource[source_id]', this.get('source_id'));
  fd.append('resource_image[resource_image]', this.get('resource_image'));

  fd.append('resource[resource_file_name]', fileName);
  fd.append('resource[resource_file_type]', fileType);
  fd.append('resource[resource_file_size]', fileSize);

  this.set('isProcessingResource', true);

  $.ajax({
    url: '/resources',
    method: 'POST',
    dataType: 'json',
    processData: false,
    contentType: false,
    data: fd,
  }).then(function(newResourceData) {
    newResource = Msmapp.Resource.create(newResourceData.resource);
    resources.pushObject(newResource);
    self.set('isProcessingResource', false);
    self.transitionToRoute('resource', newResource);
  });
},

这会将新资源添加到资源控制器使用的对象数组中。它将它放入DOM中。我遇到的问题是每个对象都是指向单个资源的链接。页面加载时存在的所有对象都可以正常工作。添加到列表中的对象具有正确的URL和所有内容，当您尝试导航时它不会执行任何操作。

我不确定在.then（）中是否还需要做其他事情？

这是模板

<section class="column_list">
    <ul>
        {{#each resource in controller }}
            <li class="item">
                {{#if resource.isLoading }}
                    {{spinner}}
                {{else}}
                    {{#linkTo 'resource' resource }}
                        <img {{bindAttr src='resource.listAvatar'}} />
                        <div class='title'>{{ resource.resource_name }}</div>
                    {{/linkTo}}
                {{/if}}
            </li>
        {{/each}}
    </ul>
</section>

Answer 1

由于您要添加resources，这也是您应该循环的内容 - {{#each resource in resources }}。

要么直接推送到ArrayController实例 - this. resources.pushObject(newResource);。

将新对象添加到Ember模型数组（ember-model）的正确方法是什么

1 个答案: