All Projects → Jaspero → Ng Select

Jaspero / Ng Select

Licence: mit
A select library for Angular, with single and multiple select functionality

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Ng Select

Jhform
JhForm - 自定义表单工具,更加简单,快捷的创建表单、设置页面
Stars: ✭ 108 (+575%)
Mutual labels:  form, select
react-inputs-validation
A react component for form inputs validation. Online demo examples
Stars: ✭ 48 (+200%)
Mutual labels:  select, form
Vue Ui For Pc
基于Vue2.x的一套PC端UI组件,包括了Carousel 跑马灯、Cascader 级联、Checkbox 多选框、Collapse 折叠面板、DatePicker 日期选择、Dialog 对话框、Form 表单、Input 输入框、InputNumber 数字输入框、Layer 弹窗层、Loading 加载、Menu 菜单、Page 分页、Progress 进度条、Radio 单选框、SelectDropDown 仿select、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 文字提示、BackTop 返回顶部、steps 步骤条、Transfer 穿梭框、Tree 树形、Upload 文件上传、Lazy 图片懒加载、Loading 加载、Pagination 分页等等
Stars: ✭ 156 (+875%)
Mutual labels:  form, select
Ng Select
⭐ Native angular select component
Stars: ✭ 2,781 (+17281.25%)
Mutual labels:  select, angular2
Ngx Drag To Select
A lightweight, fast, configurable and reactive drag-to-select component for Angular 6 and beyond
Stars: ✭ 262 (+1537.5%)
Mutual labels:  select, angular2
Customalertviewdialogue
Custom AlertView Dialogue is the world's most advanced alert view library. Custom AlertView Dialogue includes simple message popups, confirmation alerts, selector popups, action sheet bottom menus, and input/feedback contact forms.
Stars: ✭ 100 (+525%)
Mutual labels:  form, select
Ant Plus
🔺 Ant Design 表单简化版
Stars: ✭ 212 (+1225%)
Mutual labels:  form, select
Selectivity
Modular and light-weight selection library
Stars: ✭ 1,113 (+6856.25%)
Mutual labels:  form, select
hierarchy-select
Hierarchy Select jQuery Plugin for Twitter Bootstrap
Stars: ✭ 40 (+150%)
Mutual labels:  select, form
form-data-json
A zero dependency, cross browser library to easily get or set/manipulate form input values as/from a json object.
Stars: ✭ 37 (+131.25%)
Mutual labels:  select, form
Angular2 Multiselect Dropdown
Angular 2 Dropdown Multiselect
Stars: ✭ 225 (+1306.25%)
Mutual labels:  select, angular2
Vxe Table
🐬 vxe-table vue 表格解决方案
Stars: ✭ 4,242 (+26412.5%)
Mutual labels:  form, select
Heyui
🎉UI Toolkit for Web, Vue2.0 http://www.heyui.top
Stars: ✭ 2,373 (+14731.25%)
Mutual labels:  form, select
ir-city-select
List of Iran provinces and cities to use in HTML forms. ( ~2.3KB gzipped )
Stars: ✭ 22 (+37.5%)
Mutual labels:  select, form
Formvuelar
Vue form components with server-side validation in mind
Stars: ✭ 263 (+1543.75%)
Mutual labels:  form, select
Formbase
Better default styles for common input elements.
Stars: ✭ 560 (+3400%)
Mutual labels:  form, select
Ngx Graph
Graph visualization library for angular
Stars: ✭ 704 (+4300%)
Mutual labels:  angular2
Ngx Restangular
Restangular for Angular 2 and higher versions
Stars: ✭ 787 (+4818.75%)
Mutual labels:  angular2
Formik
Build forms in React, without the tears 😭
Stars: ✭ 29,047 (+181443.75%)
Mutual labels:  form
Angular Froala Wysiwyg
Angular 4, 5, 6, 7, 8 and 9 plugin for Froala WYSIWYG HTML Rich Text Editor.
Stars: ✭ 696 (+4250%)
Mutual labels:  angular2

Build Status NPM Version

NG2 Select

A select library for Angular, with single and multiple functionality.

npm install --save @jaspero/ng-select

A demo can be found here

Setup

Import JasperoSelectModule in your @NgModule:

@NgModule({
    imports: [
        JasperoSelectModule
    ],
    declarations: [AppComponent],
    bootstrap: [AppComponent]
})
export class AppModule {}

How To Use

To use the library simply add the component in your templates:

<jaspero-select></jaspero-select>

Options

You can pass the following inputs to the component:

Name Type Description Default
options An array of options for the select dropdown any[] []
key The key from the options object to be used as the name of the option string name
multi Should more options be selectable at once boolean false

This component also support template driven and reactive forms.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].