Security News
Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
@shadowmanu/ng2-auto-complete
Advanced tools
Angular2 Auto Complete
Plunker Example: http://plnkr.co/edit/3pB1Gx?p=preview
install ng2-auto-complete
$ npm install ng2-auto-complete --save
add map
and packages
to your systemjs.config.js
map['ng2-auto-complete'] = 'node_modules/ng2-auto-complete/dist';
packages['ng2-auto-complete'] = { main: 'ng2-auto-complete.umd.js', defaultExtension: 'js' }
import Ng2AutoCompleteModule to your AppModule
import { Ng2AutoCompleteModule } from 'ng2-auto-complete';
@NgModule({
imports: [BrowserModule, FormsModule, Ng2AutoCompleteModule],
declarations: [AppComponent],
providers: [HTTP_PROVIDERS],
bootstrap: [ AppComponent ]
})
export class AppModule { }
<input auto-complete [(ngModel)]="myData" [source]="mySource" />
For full example, please check test
directory to see the example of;
systemjs.config.js
app.module.ts
app.component.ts
.This module is only improved and maintained by contributors like you;
As a contributor, it's NOT required to be skilled in Javascript nor Angular2. You can contribute to the following;
In result of your active contribution, you will be listed as a core contributor on https://ng2-ui.github.io, and a member of ng2-ui too.
If you are interested in becoming a contributor and/or a member of ng-ui,
please send me email to allenhwkim AT gmail.com
with your github id.
All options are optional except ngModel and source
ngModel
, any, variable that autocomplete result is assigned tosource
, array or string, required. data source for dropdown listauto-complete-placeholder
, string, autocomplete input guide textlist-formatter
, function variable name, custom list formatting function.e.g. 'myListFormatter', not 'myListFormatter()'path-to-data
, string, e.g., data.myList
, path to array data in http responsemin-chars, number
, when source is remote data, the number of character to see dropdown listvalue-property-name
, string, key name of value. default is id
display-property-name
, string, key name of text to show. default is value
blank-option-text
, string, guide text to allow empty value to be selected as in empty value of option
tag.valueChanged
/ ngModelChange
, callback function that is executed when a new dropdown is selected.
e.g. (valueChanged)="myCallback($event)"
loading-text
, text to be displayed when loading. Default, "Loading"$ git clone https://github.com/ng2-ui/ng2-auto-complete.git
$ cd ng2-auto-complete
$ npm install
$ npm run build # to build `dist` directory
$ npm start
$ go to /app
FAQs
Angular2 Input Autocomplete
We found that @shadowmanu/ng2-auto-complete demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.