Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Parent
- <div>
- <input type="text" #searchInput placeholder="User">
- </div>
- <div class="users">
- <user-component *ngFor="let user of users" [user]="user" (onRemoveUser)="removeUser(user.id)"></user-component>
- </div>
- // Child
- -- TS --
- @Input() user: any;
- @Output() onRemoveUser: EventEmitter<any> = new EventEmitter();
- -- HTML --
- <div class="user" (click)="onRemoveUserClick(user.id)">
- <div class="user-image" [ngStyle]="{'background-image': 'url(' + user.avatar_url + ')'}"></div>
- <div class="user-name">{{user.login}}</div>
- <div class="user-remove">X</div>
- </div>
Add Comment
Please, Sign In to add comment