要使ngDropdown菜单在悬停状态而不是单击状态下工作,您可以使用以下步骤:
import { NgModule } from '@angular/core';
import { NgDropdownModule } from 'ng-dropdown';
@NgModule({
imports: [
NgDropdownModule
],
...
})
export class YourModule { }
<div ngDropdown [trigger]="'hover'">
<button ngDropdownToggle>Toggle Dropdown</button>
<ul ngDropdownMenu>
<li ngDropdownItem>Item 1</li>
<li ngDropdownItem>Item 2</li>
<li ngDropdownItem>Item 3</li>
</ul>
</div>
<div ngDropdown [trigger]="'hover'" [ngDropdownPlacement]="'bottom-right'" [ngDropdownAnimation]="'fade'">
...
</div>
这样,您的ngDropdown菜单将在悬停状态下工作,而不是单击状态下。您可以根据需要进一步调整和定制菜单的外观和行为。
请注意,这里没有提及任何特定的腾讯云产品或链接地址,因为这个问题与云计算品牌商无关。
领取专属 10元无门槛券
手把手带您无忧上云