阵列中阵列的Aurelia中继器

Question

在Aurelia JS文件中，我有：

export class Tasks {
  constructor() {
    this.categories = [];
    class category {
      node = null;
      tasks = [];
    };
...
}

“类别”成为x个类别对象的数组。 category.node保留一个对象。 category.tasks包含一个对象数组。

在HTML中，我可以成功：

<div repeat.for="category of categories">
  ${category.node.title}
</div>

但是我无法遍历其下的任务（在下面简化）。

<div repeat.for="category of categories">
  ${category.node.title} <br />
  <div repeat.for="task of category.tasks[0]">  // this line here
    Title: ${task.title}
  </div>
</div>

不知道我在做什么错了。