Infragistics Ignite UI for Angular UI Navigation Controls
適用於回應式且可自訂導覽控制的 Angular 元件。
- 包含具備回應式與迷你模式的側邊導覽 drawer。
- 具備用於應用程式標頭與快速動作的頂部 navbar。
- 支援階層式導覽與 Angular router 整合。
起價:
Navigation Drawer 元件
一個側邊導覽容器，可滑入覆蓋內容或固定於內嵌位置。它支援回應式模式切換、用於精簡存取的迷你變體，以及具備預設樣式選項的可自訂選單項目。
Drawer 互動與自訂
在觸控裝置上支援滑動手勢以開啟/關閉。內容範本可提供豐富的自訂功能，包括標頭與透過指令設定的作用中項目樣式，並可透過 API 以程式化方式控制 drawer 狀態。
回應式與固定模式
會在較小螢幕上自動切換為浮層疊加模式，並在較大視窗上切換為固定的內嵌模式。開發人員可依照應用程式設計需求控制固定臨界值與版面配置。
迷你變體支援
提供較窄的 drawer 狀態，在收合時仍保留導覽圖示可見，於持續顯示的導覽設定中維持可存取性與快速選取能力。
Navbar 元件
應用程式標頭列，可顯示目前使用者位置、提供返回導覽動作，並包含搜尋或收藏等常見動作的圖示按鈕。
自訂 Navbar 動作與標題
可為動作按鈕與標題加入自訂範本。原生支援 Material 圖示，方便整合自訂內容與互動掛鉤。
Angular Router 整合
導覽項目可與 Angular Router 路由連結，透過 routerLink 指令支援作用中狀態偵測與導覽，以維持一致的應用程式路由行為。
主題與樣式設定
兩個元件都支援進階 Sass 主題化，讓開發人員可使用預先定義的主題函式與 CSS 變數，自訂色彩、背景與互動狀態。
階層式導覽支援
Navigation Drawer 可使用樹狀元件納入多層級選單結構，讓由路由資料或自訂資料來源驅動的複雜導覽成為可能。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- Angular
- Vanilla JavaScript
關於Infragistics
Infragistics 成立於 1989 年，總部位於新澤西州 Cranbury，已在 UI/UX 開發領域奠定其全球領導地位，服務遍及 100 多個國家的軟體專業人士。其以支援網頁、桌面與行動平台的完整程式庫與框架廣受認可，並提供專為 .NET、Angular、React 及其他領先技術量身打造的解決方案。Infragistics 在歐洲、亞洲與南美洲皆設有辦公室，提供可加速應用程式開發並帶來豐富使用者體驗的元件。其對創新的承諾與對客戶滿意度的重視，使其成為全球開發人員與組織在數位專案中追求品質與彈性的值得信賴合作夥伴。
