<commit_before># Angular 2 Mentions

Simple Angular 2 mentions inspired by [Ment.io](https://github.com/jeff-collins/ment.io).

[Click here for a Demo](http://dmacfarlane.github.io/angular2-mentions/)

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/angular2-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",...<commit_msg>Updated package name in readme.<commit_after># Angular 2 Mentions

Simple Angular 2 mentions inspired by [Ment.io](https://github.com/jeff-collins/ment.io).

[Click here for a Demo](http://dmacfarlane.github.io/angular2-mentions/)

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/angular2-mentions.git
    cd ng2-mentions
    npm install
    ng serve

### Usage

Install the package as a dependency using:

    npm install --save angular2-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 'angular2-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",...
{'fraction_non_alphanumeric': 0.11694214876033057, 'fraction_numerical': 0.008264462809917356, 'mean_word_length': 3.6557692307692307, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5115835', 'n_tokens_mistral': 768, 'n_tokens_neox': 727, 'n_words': 237}