使用阵列控制器在 Ember 中创建/删除用户

Question

我是 Ember 的新手，正在尝试做一个简单的创建/删除用户。我可以创建客户端，但不能删除它们？

客户端控制器：

export default Ember.ArrayController.extend({
  actions: {
    createClient: function(newName) {
        // Create the new Todo model
        var client = this.store.createRecord('client', {
            name: newName,
            avgMarkup: 2,
            quotes: 1
        });

        // Clear the "New client" text field
        this.set('newName', '');

        // Save the new model
        client.save();
    }
  }
});

然后我尝试添加这个：

    destroyRecord: function() {

        this.get('model').destroyRecord();

    }

我运气不好。我的观点是：

<ul id="client-list">
  <h6>Clients Name:</h6>
    {{input type="text" id="new-client" placeholder="Please enter client name"
    value=newName action="createClient"}}
  {{#each}}
    <li>
      <input type="checkbox" class="toggle">
      <label>{{name}}</label>
      <button {{action "destroyRecord" }} class="destroy"></button>
    </li>
  {{/each}}
</ul>

这对阵列控制器可行吗？

谢谢

Answer 1

要删除相应的用户，只需将其传递给您的 destroyRecord 操作：

在您的模板中传递 this对应于正在迭代的当前用户：

<button {{action "destroyRecord" this}} class="destroy">Destroy</button>

然后当有人点击销毁按钮时，model 将是当前用户：

destroyRecord: function(model) {
    model.destroyRecord();
}

使用阵列控制器在 Ember 中创建/删除用户

Creating / Deleting User in Ember with Array Controller

crud

ember.js