angular的替换和增强Select选择框组件

angular的替换和增强Select选择框组件
插件名称 ng2-select
发布时间 2020年6月18日
插件作者 valor-software

基于angular的替换和增强Select选择框组件。

安装:

# Yarn
$ yarn add ng2-select

# NPM
$ npm install ng2-select --save

API

Properties

  • items-(Array<any>)-可供选择的项目数组。应该是具有idtext属性的对象数组。为方便起见,您还可以传递一个字符串数组,在这种情况下,ID和文本都使用相同的字符串。可以通过向children任何项目添加属性来嵌套项目,该属性的值应该是另一个项目数组。有孩子的物品可能会省略其ID。如果items指定,则所有项目均应在本地可用,并且所有选择操作仅在此本地阵列上进行。如果省略,则项目在本地不可用,query应提供选项以获取数据。
  • active?Array<any>)-要设置的选择数据。在输入类型为“ Single”的情况下,这应该是具有idtext属性的对象,否则是这样的对象的数组。此选项与值互斥。
  • allowClear?boolean=false)(尚不支持)-设置true为允许清除选择。此选项仅适用于单值输入。
  • placeholder?string='')-当元素没有焦点和选定项目时显示的占位符文本。
  • disabled?boolean=false)-当时true,它指定应禁用该组件。
  • multiple-(?boolean=false)-此组件的模式。如果设置,则true用户可以选择多个选项。此选项仅适用于单值输入,因为多值输入在下拉列表中没有搜索输入。

大事记

  • data-在此组件的所有事件中都会触发;返回Array<any>-当前选择的数据
  • selected-选择新选项后触发;返回带有idtext描述新选项的属性的对象。
  • removed-移除选项后触发;返回带有idtext属性的对象,这些对象描述了已删除的选项。
  • typed-更改搜索输入后触发;返回string该值。