QueryList<T>.get(index)

🚀 feature request

Relevant Package

This feature request is for @angular/core

Description

Now there is no way to get element from QueryList<T> by index.

Describe the solution you’d like

Add method get(index) to QueryList

export class QueryList<T> {
  // ...

  get(index: number): T|undefined {
    return this._results[index];
  }

  // ...
}

Describe alternatives you’ve considered

Very expensive workaround:

function getQueryListItemByIndex<T>(list: QueryList<T>, index: number): T|undefined {
  let value;

  let found = list.some((x, i) => {
    if (i === index) {
      value = x;
      return true;
    }
    return false;
  });

  if (found) {
    return value;
  }
}

[dannymcgee]

@pkozlowski-opensource Even if not a performance bottleneck, it just seems like an oversight that the Angular team provided all of these array-mirroring methods like forEach and map for interacting with QueryLists, but didn’t provide a method for accessing an item by index. I agree with OP, this would be a great feature to have.

[pkozlowski-opensource]

But slicing array every time isn’t a good solution

Sure, if you see it as a performance bottleneck in your application after perf-measuring it…