�62. @outputs y EventEmitter

verdizone · Feb 25, 2021 · e1d7e6c · e1d7e6c
1 parent 9bebfb9
commit e1d7e6c
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 7 deletions.
diff --git a/src/app/dbz/agregar/agregar.component.ts b/src/app/dbz/agregar/agregar.component.ts
@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Personajes } from '../interfaces/dbz.interface';
 
 @Component({
@@ -8,20 +8,22 @@ import { Personajes } from '../interfaces/dbz.interface';
 
 export class AgregarComponent {
 
-  @Input() personajes:Personajes[] = [];
+  // @Input() personajes:Personajes[] = [];
 
   @Input() nuevo: Personajes = {
     nombre: 'TETE',
     poder: 100,
   }
 
+  @Output() onNuevoPersonaje:EventEmitter<Personajes> = new EventEmitter<Personajes>();
+
   agregar() {
 
     if (this.nuevo.nombre.trim().length === 0) { return; }
 
     console.log(this.nuevo);
-    // this.peronajes.push(this.nuevo);
-    this.personajes.push(this.nuevo);
+    this.onNuevoPersonaje.emit(this.nuevo);
+
     this.nuevo = {
       nombre: '',
       poder: 0,

diff --git a/src/app/dbz/main-page/main-page.component.html b/src/app/dbz/main-page/main-page.component.html
@@ -11,9 +11,8 @@ <h1>Dragon Ball Z</h1>
 
     <div class="col">
       <app-agregar
-        [personajes]="personajes">
-        [nuevo]="nuevo">
-      </app-agregar>
+      (onNuevoPersonaje)="agregarNuevoPersonaje( $event )"
+      [nuevo]="nuevo"></app-agregar>
     </div>
   </div>
 

diff --git a/src/app/dbz/main-page/main-page.component.ts b/src/app/dbz/main-page/main-page.component.ts
@@ -25,6 +25,11 @@ export class MainPageComponent  {
   }
 ];
 
+  agregarNuevoPersonaje(personaje:Personajes){
+    // console.log(personaje);
+    this.personajes.push(personaje);
+  }
+
 
 
 }