TypeScript angular2/core EventEmitter.next Examples

Programming Language: TypeScript

Namespace/Package Name: angular2/core

Class/Type: EventEmitter

Method/Function: next

Examples at hotexamples.com: 30

The EventEmitter class is part of the Angular2 core library and is used for communication between components. It allows one component to publish an event, which other components can subscribe to and react accordingly. The syntax for using EventEmitter involves declaring an instance of the class in the component, defining the event as an @Output property, and then emitting the event using the emit() method.

Example 1:

import { Component, EventEmitter, Output } from '@angular/core';

@Component({
selector: 'app-example',
template: `

`
})
export class ExampleComponent {
@Output() buttonClick: EventEmitter = new EventEmitter();

handleClick() {
this.buttonClick.emit();
}
}

In this example, we define an output event called buttonClick of type EventEmitter. When the button is clicked, the handleClick() method is called and emits the buttonClick event using the emit() method.

Example 2:

import { Component, EventEmitter, Input, Output } from '@angular/core';
import { UserService } from '../services/user.service';

@Component({
selector: 'app-user',
template: `

`
})
export class UserComponent {
@Input() user: any;
@Output() deleted: EventEmitter = new EventEmitter();

constructor(private userService: UserService) {}

deleteUser() {
this.userService.deleteUser(this.user.id).subscribe(() => {
this.deleted.emit();
});
}
}

In this example, we define an output event called deleted of type EventEmitter. When the deleteUser() method is called, it makes a HTTP DELETE request to delete the user from the server. Once the request is successful, it emits the deleted event using the emit() method.

TypeScript EventEmitter.next - 30 examples found. These are the top rated real world TypeScript examples of angular2/core.EventEmitter.next extracted from open source projects. You can rate examples to help us improve the quality of examples.

Frequently Used Methods

Show Hide

emit(30)

next(30)

subscribe(6)

error(1)

map(1)

resolve(1)

unsubscribe(1)

Example #1

Show file

File: UserPickList.ts Project: allash/angular2-seed-example-mashup

 selectUser($event) {
     let username = $event.target.value;
     let user = this.users.find(u => u.username === username);
     if (user !== null) {
         this.selectedUser.next(user);
     }
 }

Example #2

Show file

File: TodoInput.ts Project: TinMarkovic/Dramazon

 private onAddTodo(todoInput: HTMLInputElement): void {
     var value = todoInput.value.trim();
     if(value == "") { return; }
     
     this.added.next(value);        
     
     todoInput.value = "";
 }

Example #3

Show file

File: TodoItem.ts Project: TinMarkovic/Dramazon

    private leaveEditMode(inputElement: HTMLInputElement, save: boolean){
        this.isEdit = false;

        if(save){
            this.valuechanged.next({
                todoItem: this.todo, 
                value: inputElement.value.trim()
            });
        }
    }

Example #4

Show file

File: resumen-proceso.component.ts Project: FranLsz/SharePoint-SeleccionEmpresas-Proyecto

 public lanzarEvento(orden: string, datos: any) {
     this.resumenProcesoEvt.next(new DatosEvento(orden, datos));
 }

Example #5

Show file

File: websocket.service.ts Project: bram-atmire/angular2-ui-prototype

 this.webSocket.onmessage = ((event) => {
     this.emitter.next(event);
 });

Example #6

Show file

File: TodoItem.ts Project: TinMarkovic/Dramazon

 private onCheckboxChange(checkbox: HTMLInputElement): void{
     this.donechanged.next({
         todoItem: this.todo, 
         done: checkbox.checked
     });
 }

Example #7

Show file

File: filter-text.component.ts Project: LuigiFrattolillo/angular2-there-and-back-again

 filterChanged(event: any) {
   event.preventDefault();
   console.log(`Filter Changed: ${this.filter}`);
   this.changed.next(this.filter);
 }

Example #8

Show file

File: child.component.ts Project: Darkniel/angular2-zitio

 changeMe() {
     this.num++;
     this.fromParent = 'Changed from child. Count: ' + this.num;
     this.fromParentChange.next(this.fromParent);
 }

Example #9

Show file

File: crud.service.ts Project: drumaddict/ng2-mymusic

 public show(object: Object): void {
   this.show_details$.next(object);
 }

Example #10

Show file

File: YesNo.ts Project: allash/angular2-seed-example-mashup

 noClick() {
     this.no.next('n');
     this.answer.next('n');
 }

Show more examples