Ember - 处理路径时出错：task.edit断言失败：您可能无法将`undefined`作为id传递给商店的find方法

Question

我正在开发Ember.js和RoR（Rails 4.0.3和Ruby 2.0 ）中的应用程序。

灰烬版：

DEBUG: Ember      : 1.12.1                 ember.js?body=1:4875 
DEBUG: Ember Data : 1.0.0-beta.19.2        ember.js?body=1:4875 
DEBUG: jQuery     : 1.11.1                 ember.js?body=1:4875

handlebars v3.0.3

我用过这个教程

http://www.thesoftwaresimpleton.com/blog/2015/04/18/arraycomputed-refactor/

实现一些自定义组件，但没有必要显示它们，它们是主要问题的不可逆转。

---

当我想从ListsRoute转到TaskEditRoute它会抛出一个错误

Error while processing route: task.edit Assertion Failed: 
  You may not pass `undefined` as id to the store's find method
  Error: Assertion Failed: You may not pass `undefined` as id to the store's find method

-router.js

EmTasks.Router.map(function(){
  this.route("lists", {
    path: '/'
  });

  this.route('profile', {
    path: '/profile'
  });

  this.resource("task", {path: "/task/:task_id"}, function () {
      this.route('edit', {path: "edit"});
  });
});

-lists_route.js

EmTasks.ListsRoute = Ember.Route.extend({
  model: function() {
    return this.store.find('list');
  },

  actions: {
      addList: function(param) {
          this.store.createRecord('list', {
              name: $("#list_name").val()
          }).save();
          $("#list_name").val('');
      }
  }
});

-task_edit_route.js

EmTasks.TaskEditRoute = Ember.Route.extend({
    model: function (params) {
        var url = this.get('router.url');
        var id = url.split("/")[2]

        console.log("TaskEditRoute params:", params);

        return this.store.find("task", id);
    }
});

-lists.handlebars

<div class="row">
  {{#each model as |list|}}
    <div class="col-md-4">
        {{x-list list=list}}     <!-- custom component - working -->

        {{x-add-task list=list}} <!-- custom component - working -->

        {{#each list.tasks as |task|}}

            {{#link-to 'task.edit' task}}
                {{task.name}}
            {{/link-to}}

            <a href='#/task/{{task.id}}/edit'>
                {{task.name}}
            </a>

            {{x-task task=task}} <!-- custom component - working -->
        {{/each}}
    </div>
  {{/each}}
</div>

---

所以当我点击链接到的link-to ，

{{#link-to 'task.edit' task}}
  {{task.name}}
{{/link-to}}

它不会将我重定向到新的URL，当我使用console.log检查params时，我可以看到它们是空的。

 TaskEditRoute: params Object {}

此外，我收到此错误：

Error while processing route: task.edit Assertion Failed: You may not pass `undefined` as id to the store's find method Error: Assertion Failed: You may not pass `undefined` as id to the store's find method

当我点击自定义的手写链接时

 <a href='#/task/{{task.id}}/edit'>
   {{task.name}}
 </a>

我被重定向，但仍然是TaskEditRoute中的params是空的。

但是我可以获得当前的url（ window.location.href或者ember方式this.get('router.url') ），解析它并获取ID。

所以它有效......但它很棘手，很丑陋。

为什么...... 这里描述的标准做事方式不起作用？

Answer 1

您在task路由上定义了动态段id ，而不是task.edit路由。

EmTasks.TaskRoute = Ember.Route.extend({
    model: function (params) {
        console.log("TaskEditRoute params:", params);

        return this.store.find("task", params.id);
    }
});

从Ember 1.4或其他东西开始，子路由将自动使用其父模型，除非子路由选择在其自己的模型钩子中使用不同的东西。 因此，您应该拥有父模型而无需在TaskEditRoute执行任何TaskEditRoute