ViewChild class

Declares a reference to a single child node in a component's template.

This annotation semantically similar to ViewChildren, but instead represents a single (or first, if more than one is found) node being queried

  • similar to querySelector instead of querySelectorAll.
@Component(
  selector: 'child-cmp',
  template: '<p>child</p>',
)
class ChildCmp {}

@Component(
  selector: 'some-cmp',
  template: '<child-cmp></child-cmp>',
  directives: [ChildCmp],
)
class SomeCmp {
  @ViewChild(ChildCmp)
  ChildCmp child;
}

See ViewChildren for a full documentation of parameters and more examples.

Constructors

ViewChild(Object selector, {Object read})
const

Properties

descendants bool
Whether to query only direct children (false) or all children (true).
final, inherited
first bool
Whether to only query the first child.
final, inherited
hashCode int
The hash code for this object. [...]
read-only, inherited
read Object
The DI token to read from an element that matches the selector.
final, inherited
runtimeType Type
A representation of the runtime type of the object.
read-only, inherited
selector Object
Either the class Type or selector String.
final, inherited

Methods

noSuchMethod(Invocation invocation) → dynamic
Invoked when a non-existent method or property is accessed. [...]
inherited
toString() String
Returns a string representation of this object.
inherited

Operators

operator ==(Object other) bool
The equality operator. [...]
inherited