p-dropdown tooltip

UI Components for Angular
Post Reply
hibusilu
Posts: 1
Joined: 26 Jul 2020, 09:08

26 Jul 2020, 09:48

Hi,
I need to display tooltip on drop down items on mouse hover. My html code is as below:-

<p-dropdown [options]="cities2" [(ngModel)]="selectedCity2" optionLabel="name"></p-dropdown>

in app.component.ts

this.cities2 = [
{name: 'New York', code: 'NY'},
{name: 'Rome', code: 'RM'},
{name: 'London', code: 'LDN'},
{name: 'Istanbul', code: 'IST'},
{name: 'Paris', code: 'PRS'}
];

How can I achieve it? Any pointers please..
How to show it in on every drop down items? I believe p-tooltip can be displayed only on the field not on each items.

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 4 guests