0.3.9 • Published 8 years ago
ng2-mentions v0.3.9
Angular 2 Mentions
Simple Angular 2 mentions inspired by Ment.io.
Provides auto-complete for mentions in text input fields, text areas, and content editable fields. Not fully browser tested and comes without warranty!
To install and start the demo application:
git clone https://github.com/dmacfarlane/ng2-mentions.git
cd ng2-mentions
npm install
ng serve
Usage
Install the package as a dependency using:
npm install --save ng2-mentions
Add the CSS to your index.html:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
Add the module to your module imports:
import { MentionModule } from 'ng2-mentions/mention/mention.module';
@NgModule({
imports: [ MentionModule ],
...
})
Add the [mention]
directive to your input element:
<input [mention]="items" class="form-control" type="text">
Where items
is a string array of the items to suggest. For example:
var items:string [] = = ["Noah","Liam","Mason","Jacob",...
TODO:
- Remove debug (always)
- Improve NPM package structure
- Document configurable prefix
- Configurable limit on number of items shown via config
- Load items via http (config number of chars before search)
- Styled menu items
0.3.9
8 years ago
0.3.8
8 years ago
0.3.7
8 years ago
0.3.6
8 years ago
0.3.5
8 years ago
0.3.4
8 years ago
0.3.3
8 years ago
0.3.2
8 years ago
0.3.1
8 years ago
0.3.0
8 years ago
0.2.3
8 years ago
0.2.2
8 years ago
0.2.1
8 years ago
0.2.0
8 years ago
0.1.9
8 years ago
0.1.8
8 years ago
0.1.7
8 years ago
0.1.6
8 years ago
0.1.5
8 years ago
0.1.4
8 years ago
0.1.3
8 years ago
0.1.2
8 years ago
0.1.1
8 years ago
0.1.0
8 years ago