Syncfusion Angular UI Selection Controls
用于单选、多选和层级选择的 Angular 组件。
- 包含单选按钮、复选框、切换开关和按钮组。
- 支持筛选和分组的高级下拉框。
- 支持层级、多列和上下文数据选择。
起价:
单选按钮和复选框控件
单选按钮和复选框组件用于在表单和设置界面中处理互斥选择和多选。开发者可以对选项进行分组、控制标签位置，并将值直接绑定到 Angular 模型。两种组件都支持模板驱动表单和响应式表单，包括验证和状态管理。
切换开关和按钮组输入
切换开关以现代开关界面表示开启和关闭状态，而按钮组则将相关选项组织为一个可单独选择的集合。可配置单选或多选模式，并完整支持数据绑定和变更事件。
基于 Chip 的选择界面
chips 组件将已选项目以紧凑元素的形式显示在界面中。它支持单选和多选、自定义模板以及项目移除。这种方式非常适合标签、筛选和类别选择等场景，用户可以清晰地查看所选值的概要。
自动完成和 ComboBox 输入
自动完成和 combo box 组件会在用户输入时显示建议项，从而减少输入错误并加快数据录入。它们可以连接本地数组或远程数据服务，应用筛选，并渲染自定义项目模板。combo box 还允许从预定义选项中进行选择。
下拉列表和 MultiSelect 组件
下拉列表支持从结构化数据中单选，并提供分组和筛选选项。multi select 下拉框将此功能扩展到多个值，包括复选框选择和面向更大数据集的虚拟化。两种组件都可与 Angular 表单无缝集成。
用于高级项目管理的 ListBox
ListBox 组件以单选或多选模式显示项目集合。它支持列表之间的拖放、重新排序和分组。因此它非常适用于分配资源、管理类别或组织可配置选项等场景。
使用 DropDown Tree 进行层级选择
DropDown Tree 将树视图结构与下拉行为相结合，使用户能够从层级数据中选择项目。它支持父子节点选择、复选框模式和筛选。当处理嵌套类别或组织结构时，此组件非常有用。
用于上下文选择的 Mention 组件
当用户在文本区域或输入字段中键入触发字符时，Mention 组件会显示过滤后的建议列表。它绑定到结构化数据并支持模板化项目，因此非常适合在协作界面中引用用户、标签或实体。
用于丰富数据展示的 MultiColumn ComboBox
MultiColumn ComboBox 在下拉框中呈现表格数据，每条记录显示多个字段。该布局有助于用户在做出选择前比较相关值。它支持筛选、排序和数据绑定，适用于管理结构化业务数据的应用。
表单集成和数据绑定支持
所有选择组件都专为 Angular 应用构建，并可与模板驱动表单和响应式表单集成。它们提供一致的事件和 value API，便于跟踪更改、验证输入，并将选择结果连接到应用状态或后端服务。
产品兼容性
请查看以下详细信息，以确保此产品在您的环境中受支持。
组件类型
- JavaScript
JavaScript 平台
- Angular
关于Syncfusion
Syncfusion 成立于 2001 年，总部位于北卡罗来纳州 Morrisville，专注于为 .NET、JavaScript 以及主要移动和桌面开发平台提供广泛的开发者组件、控件和框架。凭借超过 125 个国家/地区的 12,000 多家客户，它服务于从个人开发者到 Fortune 500 企业的多元化客户群。Essential Studio 等广受欢迎的产品系列提供超过 1,600 个组件，支持快速应用开发、深入的商业智能以及强大的报表解决方案，所有这些都配有响应迅速的支持和透明的许可。
