按下觸發元素時,選單會顯示一組操作。互動行為來自 Angular Aria 的選單模式;Needless UI 負責加上樣式,將選單以 popover 的形式渲染在頁面上層,並確保它始終位於可視區域內。
把選單的 ngMenu 參照傳給 [nuiMenuTrigger],為每個項目設定唯一的 value,然後在項目上監聽 (selected),或在選單上監聽 (itemSelected)。
操作
一個操作選單,包含快速鍵提示、分隔線和一個破壞性操作項目。
子選單
使用 [submenu] 將項目連結到巢狀的 nuiMenu。滑鼠懸停或按向右鍵時即可開啟。
複選與單選項目
設定 role 並繫結 [checked],選單就會顯示勾選標記並朗讀狀態。
Grid on · rulers off · Comfortable