Angular2 +如何从QueryList <>获取正确的元素顺序

Question

so I have a sortable list which are several elements in an *ngFor , which I drag and drop. On drop I would like to get the new order of the items. So I added an event but the order of QueryList remains the same.

Here are some things I have tried with no luck

public getOrder() {

        var records: QueryList<SimpleGridRecord> = this.simpleGridRecords.length > 0 || this.simpleGridDraggable.simpleGridRecords;
        records.notifyOnChanges()
        // this.cd.detectChanges();
        records.forEach((s:SimpleGridRecord) => {
            console.log(s.index);
            console.log(s.item.getKey('id'));
        });

    }

is there anyway to get the updated order list of elements?

I keep index and id in my objects which I loop over

regards

Sean

Answer 1

You can use @ContentChildren() or @ViewChildren() and subscribe to changes:

@ViewChildren(SimpleGridRecord) records: QueryList<SimpleGridRecord>;

ngAfterViewInit() {
  this.records.changessubscribe(val => console.log(this.records.toArray()));
}