import { Component } from '@angular/core';

@Component({
  selector: 'user',
  template: `
  <ul>
  <li *ngFor="#user of users">  <h3 (click)="onSelect(user)">{{user.firstName}} {{user.lastName}}</h3> </li>
  </ul>
  <input [(ngModel)]="showUser.firstName" type="text">
  <div>
    Kontakt broj: {{user.phone}}<br>
    Email: {{user.email}}
  </div>
  `,
})
export class UserComponent  {
 public users = [
   {firstName: "Neno", lastName: "Ruzic", phone: "066 454 588", email: "nenor1995@gmail.com"},
   {firstName: "Neno1", lastName: "Ruzic", phone: "066 454 588", email: "nenor1995@gmail.com"},
   {firstName: "Neno2", lastName: "Ruzic", phone: "066 454 588", email: "nenor1995@gmail.com"},
   {firstName: "Neno3", lastName: "Ruzic", phone: "066 454 588", email: "nenor1995@gmail.com"},
 ];
 public showUser = {};

 onSelect(user) {
   this.showUser = user;
 }
}