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 ==(dynamic other) → bool
The equality operator. [...]
inherited