Emberjs - 创建“编辑”动作，编辑模型而不留下“/ models”网址

Question

我需要帮助创建一个“编辑”操作，从模型列表中选择特定模型，并在该表中编辑模型。快速编辑各种各样的。

  <tbody>
    {{#each}}
      <tr class="people-list">
        <td>
          <input type="checkbox" class="toggle">
          <label class="category-text">{{#linkTo 'category' this}}{{Name}}{{/linkTo}}    </label>
          <img class="table-img" src="images/x.png">
          <img class="table-img" {{action 'edit'}} src="images/pencil-grey.png">
        </td>
      </tr>
    {{/each}}
  </tbody>

点击{{action'edit'}}，{{Name}}成为可编辑的输入。这一切都是在没有留下'/ categories'网址的情况下完成的。

谢谢你们：D

Answer 1

<tbody>
    {{#each}}
      <tr class="people-list">
        <td>
            <input type="checkbox" class="toggle">
            {{#if isEdit}}
            {{input type="text" valueBinding="Name" name="Name"}}
            {{else}}
            <label class="category-text">{{#linkTo 'category' this}}{{Name}}{{/linkTo}}</label>
            {{/if}}
            <img class="table-img" src="images/x.png">
            <img class="table-img" {{action 'edit'}} src="images/pencil-grey.png">
            </td>
        </tr>
    {{/each}}
</tbody>

然后在控制器上：

actions: {
    edit:function(){
        this.set('isEdit', true);
    }
}