ViewQuery

Similar to Query, but querying the component view, instead of the content children.

Example

@Component(
  selector: 'my-component',
  template: '''
    <template [ngIf]="shouldShow">
      <item> a </item>
      <item> b </item>
      <item> c </item>
    </template>
  '''
)
class MyComponent {
  boolean shouldShow;
 
  MyComponent(@ViewQuery(Item) QueryList<Item> items) {
    items.changes.listen((_) => print(items.length));
  }
}

Supports the same querying parameters as Query, except descendants. This always queries the whole view.

As shouldShow is flipped between true and false, items will contain zero or three items.

Specifies that a QueryList should be injected.

The injected object is an iterable and observable live list. See QueryList for more details.