EmberJS：无需转换到新 URL 即可显示编辑/创建表单？

Posted 2023-02-23

【中文标题】EmberJS：无需转换到新 URL 即可显示编辑/创建表单？

【英文标题】：EmberJS: Displaying an Edit/Create form without having to transition to a new URL?

【发布时间】：2013-12-13 09:13:05

【问题描述】：

我有一个简单的应用程序。在应用程序中，有一个“堆栈”资源加载到另一个资源中，称为“卡片”，而“卡片”资源实际上具有 CRUD 路由：

App.Router.map(function()
     this.resource('stack', path:'/stack',function()
              this.resource('card',path:'/card',function()
                         this.route('edit',path:'/edit'); // for simplicity, let's only assume the edit operation for this
              );
     );
);

Stack 路由实际上加载了 'Cards' 模型，如下所示：

App.StackRoute = Ember.Route.extend(
         model:function()
             return this.store.find('cards');
         

);

上面的每一个都可以正常工作，按预期呈现在 URL 上。但是，我不希望为 CRUD 操作使用单独的 URL，因为它不能很好地适应我的应用程序的流程，而且实际上转换到单独的 URL 对我来说是违反直觉的。 我希望能够在“堆栈”模型本身中查看、编辑和删除“卡片”模型。然而，Ember 似乎没有提供这种替代方案，几乎需要我坚持它的方式。

有没有人可以解决这个问题？我能想到的唯一其他可能性是使用'Ember components'。

【参考方案1】：

是的，您可以根据编辑属性修改当前模板。

http://emberjs.jsbin.com/uwENUbeh/3/edit

【参考方案2】：

您可以微调个别卡片的编辑。 jsbin