Syncfusion Angular UI Selection Controls
用於單一、多重與階層式選擇的 Angular 元件。
- 包含單選按鈕、核取方塊、切換開關與按鈕群組。
- 具備篩選與分組支援的進階下拉選單。
- 支援階層式、多欄與情境式資料選取。
起價:
Radio Button and Checkbox Controls
單選按鈕與核取方塊元件可在表單與設定畫面中處理互斥與多重選擇。開發人員可以將選項分組、控制標籤位置，並直接將值繫結至 Angular 模型。這兩個元件都可搭配範本驅動與回應式表單運作，包括驗證與狀態管理。
Toggle Switch and Button Group Inputs
切換開關以現代化的開關介面表示開啟與關閉狀態，而按鈕群組則將相關選項組織成單一可選集合。選擇模式可設定為單一或多個值，並完整支援資料繫結與變更事件。
Chip Based Selection Interfaces
Chips 元件會將已選取項目以簡潔元素顯示於介面中。它支援單一與多重選擇、自訂範本與項目移除。這種方式非常適合標籤、篩選與類別選擇，讓使用者能清楚視覺化已選值摘要。
Autocomplete and ComboBox Inputs
Autocomplete 與 ComboBox 元件會在使用者輸入時顯示建議，降低輸入錯誤並加快資料輸入速度。它們可以連接本機陣列或遠端資料服務、套用篩選，並呈現自訂項目範本。ComboBox 也允許從預先定義的選項中選取。
Drop Down List and MultiSelect Components
下拉清單支援從結構化資料中進行單一選取，並提供分組與篩選選項。多選下拉選單將此能力延伸至多個值，包括核取方塊選取與虛擬化，以處理更大型的資料集。這兩個元件都可順暢整合至 Angular 表單。
ListBox for Advanced Item Management
ListBox 元件以單一或多重選擇模式顯示項目集合。它支援清單間拖放、重新排序與分組，因此適合資源指派、類別管理或組織可設定選項等情境。
Hierarchical Selection with DropDown Tree
DropDown Tree 結合樹狀檢視結構與下拉行為，讓使用者可從階層式資料中選取項目。它支援父子節點選取、核取方塊模式與篩選功能。此元件非常適合處理巢狀類別或組織結構。
Mention Component for Contextual Selection
當使用者在文字區域或輸入欄位中輸入觸發字元時，Mention 元件會顯示經過篩選的建議清單。它繫結至結構化資料並支援範本化項目，因此很適合在協作介面中參照使用者、標籤或實體。
MultiColumn ComboBox for Rich Data Presentation
MultiColumn ComboBox 會在其下拉選單中呈現表格式資料，並為每筆記錄顯示多個欄位。這種版面有助於使用者在選取前比較相關值。它支援篩選、排序與資料繫結，適用於管理結構化商業資料的應用程式。
Form Integration and Data Binding Support
所有選擇元件都專為 Angular 應用程式打造，並可整合範本驅動與回應式表單。它們提供一致的事件與值 API，讓追蹤變更、驗證輸入，以及將選擇連結至應用程式狀態或後端服務都變得簡單。
產品相容性
請查看以下詳細資訊，以確保此產品在您的環境中受支援。
元件類型
- JavaScript
JavaScript 平台
- Angular
關於Syncfusion
Syncfusion 成立於 2001 年，總部位於北卡羅來納州 Morrisville，專注於提供豐富的開發人員元件、控制項與框架，適用於 .NET、JavaScript，以及主要的行動與桌面開發平台。憑藉遍布 125 多個國家的 12,000 多名客戶，它服務的客戶群多元，從個人開發者到 Fortune 500 企業皆涵蓋其中。Essential Studio 等知名產品系列提供超過 1,600 個元件，支援快速應用程式開發、深入的商業智慧，以及穩健的報表解決方案，並搭配即時回應的支援與透明的授權制度。
