ng-smart-input

Introduction

Fancy performance input box with autocomplete

Installing

• npm install -g gulp gulp-cli install global cli dependencies
• npm install to install dependencies

Usage

• <script type='text/javascript' src='ng-smart-input/dist/app.min.js'></script>
• angular.module('myApp', ['ng-smart-input'])
• provide a config object

Config Options

• id: give your input a unique id (mandatory)
• placeholders: list of texts to be displayed as placeholder (optional)
• delay: wait time until suggestions appear (optional)
• max: maximum number of suggestions to be shown
• suggestions: search space

Config Example

this.smartInputConfig = {
    id: 'fancy-input',
    placeholders: [
        'fancy smart input...',
        'your search text goes here'
    ],
    delay: 500,
    suggestions: [
        'angular', 
        'angoala', 
        'kola', 
        'ant', 
        'angry',
        'anthem',
        'apple',
        'ak',
        'car',
        'arse',
        'anker',
        'antler',
        'obama',
        'omaha',
        'alabama'
    ]
};