Append element to QueryList Angular

Question

Is there a way to append a new element to a QueryList?

For example, i have a QueryList like this:

@ContentChildren(SysColumn) syscolumns: QueryList<SysColumn>;

And i need to append another SysColumn after the view init. Is it poossible on Angular? I try to append but it says that is not a function of a QueryList.

Even if you will be able to do It angular will recalculate collection during next change detection cycle. You can create another collection and work with it. — yurzui, Nov 13 '17 at 16:19
That's ok, but i dont need it to be an array, i need it to be a QueryList. I have another object who recieves a QueryList, so i need a new QueryList with all the elements, that's why i need it to append the new element to the querylist. — Hely Saul Oberto, Nov 13 '17 at 16:25
Another SysColum, but is not recieved by the First QueryList. — Hely Saul Oberto, Nov 13 '17 at 16:29

score 30 · Accepted Answer · answered Nov 13 '17 at 17:33

30

You can use reset method

this.syscolumns.reset([...this.syscolumns.toArray(), this.additionalColumn])

Stackblitz Example

answered Nov 13 '17 at 17:33

yurzui

205,937
32
433
399

Append element to QueryList Angular

1 Answers1

Linked