Угловое мат-дерево: как вставить новые предметы сверху?

Question

Я использую компонент Angular Material 2 Tree.В представленном примере, когда вы добавляете новый элемент, поле редактирования отображается внизу, как я могу добавить его в первую позицию, чтобы мы всегда могли видеть добавленное поле редактирования, так как в моем случае использования я могу добавить многоновые предметы.

см. https://stackblitz.com/angular/gjjyykvkrdll?file=app%2Ftree-checklist-example.ts

Answer 1

В вашем классе ChecklistDatabase измените метод insertItem() с .push на .splice

/** Add an item to to-do list */
  insertItem(parent: TodoItemNode, name: string) {
    if (parent.children) {
      //parent.children.push({item: name} as TodoItemNode);
      parent.children.splice(0,0,{item: name} as TodoItemNode);
      this.dataChange.next(this.data);
    }
  }

Stackblitz

https://stackblitz.com/edit/angular-ifr2tc?embed=1&file=app/tree-checklist-example.ts