From e1d7e6c841548c1d4a87c4ba9fb524c3740e83dd Mon Sep 17 00:00:00 2001
From: VerdiZone <verdizone@gmail.com>
Date: Wed, 24 Feb 2021 22:07:45 -0600
Subject: [PATCH] =?UTF-8?q?=C2=9662.=20@Outputs=20y=20EventEmitter?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/dbz/agregar/agregar.component.ts       | 10 ++++++----
 src/app/dbz/main-page/main-page.component.html |  5 ++---
 src/app/dbz/main-page/main-page.component.ts   |  5 +++++
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/app/dbz/agregar/agregar.component.ts b/src/app/dbz/agregar/agregar.component.ts
index b584694..f5faa08 100644
--- 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
index b4a6d28..20bff0b 100644
--- 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
index 7214232..757eec9 100644
--- 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);
+  }
+
 
 
 }