Angular Emit-To Examples

Example 1 — Scope#$emitTo

Enter the emit id in the input below to "target" the scope you want to emit the event to. Press the "Emit From Here" button to emit an event from its corresponding scope.

Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}
Emit Id: {{ $$emitToId() }}
{{ ctrl.eventText }}

Example 2 — Scope#$emitSpan

Press the "Emit Span" button to emit an event to all direct sibling scopes (outward, starting from the scope in which you pressed the button)

{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}

{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}

Example 3 — Scope#$emitSpanVia

Press the "Emit Span Via" button to emit an event to all equally descended cousin scopes

{{ $$emitToId() }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}
{{ ctrl.eventText }}