LuanDantas
3/2/2018 - 11:40 AM

Input Properties - Reutilizar components

Input Properties - Reutilizar components

Passar valores de um componente para outro, através das inputs properties.

Component 1

<app-curso [nome]="nomeDoCurso"></app-curso>
export class Component1Component implements OnInit {
  
  nomeDoCurso: string = 'Angular';
  
}

Component 2

import { Component, OnInit, Input } from '@angular/core';

export class Component2Component implements OnInit {
  
  @Input('nome') nomeDoCurso: string = '';
  
  ou
  
  @Input() nome: string = '';
  
}