Guest User

Untitled

a guest
Jun 24th, 2018
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.56 KB | None | 0 0
  1. // Parent
  2. <div>
  3. <input type="text" #searchInput placeholder="User">
  4. </div>
  5. <div class="users">
  6. <user-component *ngFor="let user of users" [user]="user" (onRemoveUser)="removeUser(user.id)"></user-component>
  7. </div>
  8.  
  9. // Child
  10. -- TS --
  11. @Input() user: any;
  12. @Output() onRemoveUser: EventEmitter<any> = new EventEmitter();
  13. -- HTML --
  14. <div class="user" (click)="onRemoveUserClick(user.id)">
  15. <div class="user-image" [ngStyle]="{'background-image': 'url(' + user.avatar_url + ')'}"></div>
  16. <div class="user-name">{{user.login}}</div>
  17. <div class="user-remove">X</div>
  18. </div>
Add Comment
Please, Sign In to add comment