Advertisement
diegow3b

Component Event - Angular 2

Apr 26th, 2017
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import { Component, ViewChild, ElementRef, OnInit, Pipe, PipeTransform } from '@angular/core';
  2. import { EventosService } from '../../services/eventos.service'; /* Serviço referente ao Evento */
  3. import { Evento } from '../../../../class/evento'; /* Tipo Base que irei trabalhar */
  4.  
  5. @Component({
  6.     selector: 'app-eventos',
  7.     templateUrl: './eventos.component.html',
  8.     styleUrls: ['./eventos.component.css']
  9. })
  10. export class EventosComponent implements OnInit {
  11.  
  12.     eventos: Evento[]; /* Carrego a Lista vazia e digo que ela é do tipo Evento */
  13.  
  14.     constructor(private eventosService: EventosService) { /* Crio uma variavel para meu servico como parametro do meus construtor */
  15.         this.getAllEventos(); /* Chamo a funcao para carregar meu array "eventos" ao instanciar meu component */
  16.     }
  17.  
  18.     getAllEventos() { /* Funcao criada para chamar a funcao do service */
  19.         this.eventosService.getEventos()/ * Funcao do meu service para obter todos os eventos cadastrados */
  20.             .subscribe(eventos => { /* Subscribe é o retorno da funcao do meu service, tambem chamado de "callback" */
  21.                 this.eventos = eventos; /* Carregando meu array com os valores trazidos */
  22.             });
  23.     }
  24.  
  25. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement