Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Armenvardanyan95/619fb2c6cc7854a7d40fd4d616684518 to your computer and use it in GitHub Desktop.
Save Armenvardanyan95/619fb2c6cc7854a7d40fd4d616684518 to your computer and use it in GitHub Desktop.
@Component({
selector: 'some-component',
template: `
<p-dropDown [options]="users">
<ng-template let-user> //now we have a local 'user' variable with each user's data
<img [src]="user.avatar" />
<span> {{ user.label }} </span>
</ng-template>
</p-dropDown>
`
})
class SomeComponent {
users: SelectItem[] = [
{value: 1, label: 'Armen Vardanyan', avatar: 'link-to-image.jpg'},
{value: 2, label: 'Also Armen Vardanyan', avatar: 'link-to-image.jpg'}
];
/*
We can add an avatar to
SelectItem interface
*/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment