godbasin / Angular Select2
Licence: mit
select2 in angular(>=2.0-release).
Stars: ✭ 16
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Angular Select2
Angular2 Mdl
Angular 2, 4, 5, 6, 7, 8, 9, 10, 11 components, directives and styles based on material design lite (npm: @angular-mdl/core)
Stars: ✭ 562 (+3412.5%)
Mutual labels: angular2, angular4
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, angular4
Cc
一个基于angular5.0.0+ng-bootstrap1.0.0-beta.8+bootstrap4.0.0-beta.2+scss的后台管理系统界面(没基础的同学请先自学基础,谢谢!)
Stars: ✭ 416 (+2500%)
Mutual labels: select2, angular2
Angular Interview Questions
Most extensive Angular interview questions based on your level.
Stars: ✭ 354 (+2112.5%)
Mutual labels: angular2, angular4
Angular Commerce
Angular components for scaffolding online store
Stars: ✭ 526 (+3187.5%)
Mutual labels: angular2, angular4
Bootstraping Ngx Admin Lte
Angular2,4,6 project with AdminLTE dashboard template (using angular, angular-cli and ngx-admin-lte ) Formerly called 'ng2-admin-lte'.
Stars: ✭ 479 (+2893.75%)
Mutual labels: angular2, angular4
Ionic Audio
An audio player for Ionic 3 and Angular 4. Works with HTML 5 audio or native audio using Cordova Media plugin.
Stars: ✭ 332 (+1975%)
Mutual labels: angular2, angular4
Aws Cognito Angular Quickstart
An Angular(v5)-based QuickStart single-page app utilizing Amazon Cognito, S3, and DynamoDB (Serverless architecture)
Stars: ✭ 685 (+4181.25%)
Mutual labels: angular2, angular4
Angular Material App
基于最新Angular 9框架与Material 2技术的web中后台前端应用框架。
Stars: ✭ 509 (+3081.25%)
Mutual labels: angular2, angular4
Angular Material Dashboard
A material-design dashboard by using angular
Stars: ✭ 347 (+2068.75%)
Mutual labels: angular2, angular4
Ngx Monaco Editor
Monaco Editor component for Angular 2 and Above
Stars: ✭ 347 (+2068.75%)
Mutual labels: angular2, angular4
Material Dashboard Angular2
Material Dashboard Angular
Stars: ✭ 814 (+4987.5%)
Mutual labels: angular2, angular4
Angular2 Toaster
Angular2-toaster is an asynchronous, non-blocking Angular Toaster Notification library
Stars: ✭ 333 (+1981.25%)
Mutual labels: angular2, angular4
Ngx Datatable
✨ A feature-rich yet lightweight data-table crafted for Angular
Stars: ✭ 4,415 (+27493.75%)
Mutual labels: angular2, angular4
Ng Http Loader
🍡 Smart angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar
Stars: ✭ 327 (+1943.75%)
Mutual labels: angular2, angular4
Ngx Meta
Dynamic page title & meta tags utility for Angular (w/server-side rendering)
Stars: ✭ 331 (+1968.75%)
Mutual labels: angular2, angular4
Angular Hmr
🔥 Angular Hot Module Replacement for Hot Module Reloading
Stars: ✭ 490 (+2962.5%)
Mutual labels: angular2, angular4
Ion2 Calendar
📅 A date picker components for ionic2 /ionic3 / ionic4
Stars: ✭ 537 (+3256.25%)
Mutual labels: angular2, angular4
Angular-Select2
This project was generated with Angular CLI version 1.0.1.
Instructions
This project is built for showing how to use angular-select2-component.
Angular-Select2-Component
Source code in: https://github.com/godbasin/angular4-select2/tree/npm-publish-code.
Related Versions
Angular-Select2-Component is baseed on these plugins and libs(version):
How to use
Install
// npm install
npm install angular-select2-component --save
// if you have not installed jquery
npm install jquery --save
Use as component
- Import component.
// import NgModule
import {NgModule} from '@angular/core';
// import Select2Component
import {Select2Component} from 'angular-select2-component';
@NgModule({
// ...
// declare components
declarations: [Select2Component]
})
export class YourModule {
}
- Template.
<select2 [options]="options" [settings]="{ setting: value }" [(ngModel)]="optionSelected" (onSelect)="onSelect($event)"></select2>
- Compile settings.
If you have set the include
or exclude
option in your tsconfig.json
, you need to include the node_modules/angular-select2-component/index.ts
file.
// tsconfig.json
{
// ... other options
"include": [
"node_modules/angular-select2-component/index.ts"
]
}
Options
-
options
:option[]
- select options for select2
-
option
:{id: value, text: key}
orstring
-
ngModel
: option value that is selected-
id
orstring
while multiple is disable -
id[]
orstring[]
while multiple is enable
-
-
onSelect
- callback when option selected
- parmas:
option
({id: value, text: key, selected: ifSelected}
orstring
)
-
settings
- configurable settings, see Select2 options API
-
setting
:{ settingOption: value, settingOption: value }
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].