60. @input()

verdizone · Feb 23, 2021 · f811ff5 · f811ff5
1 parent c1cb7eb
commit f811ff5
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/src/app/dbz/interfaces/dbz.interface.ts b/src/app/dbz/interfaces/dbz.interface.ts
@@ -3,7 +3,7 @@ Esta interface es para que generemos
 un objeto para los personajes de la app
 */
 
-interface Personajes{
+export interface Personajes{
   nombre: string,
   poder: number,
 

diff --git a/src/app/dbz/main-page/main-page.component.html b/src/app/dbz/main-page/main-page.component.html
@@ -6,7 +6,7 @@ <h1>Dragon Ball Z</h1>
   <div class="row">
 
     <div class="col">
-      <app-personajes></app-personajes>
+      <app-personajes [personajesData] = personajes></app-personajes>
     </div>
 
     <div class="col">

diff --git a/src/app/dbz/main-page/main-page.component.ts b/src/app/dbz/main-page/main-page.component.ts
@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
-import '../interfaces/dbz.interface'
+import { Personajes } from '../interfaces/dbz.interface';
+// import '../interfaces/dbz.interface'
 
 
 @Component({

diff --git a/src/app/dbz/personajes/personajes.component.ts b/src/app/dbz/personajes/personajes.component.ts
@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import { Component, Input } from '@angular/core';
+import { Personajes } from '../interfaces/dbz.interface';
 
 @Component({
   selector: 'app-personajes',
@@ -7,8 +8,7 @@ import { Component } from '@angular/core';
 export class PersonajesComponent {
 
 
-  //Estos serán los personajes en lo que corregimos...
-  personajes:any[] = [];
+  @Input('personajesData') personajes:Personajes[] = [];