NG-MENTIONS

Native Angular components & directives for customizable mentions. Allowing for customizable search results and mention formatting.

Demo and Docs

View it in action at https://nth-cloud.github.io/ng-mentions

Dependencies

• Angular (tested with 7.0.0)

| ng-mentions | Angular | | ----------- | ------- | | 0.x.x | 5.2.1 | | 1.x.x | 6.1.0 | | 2.x.x | 7.0.0 |

Installation

After installing the above dependencies, install ng-mentions via:

npm install --save @nth-cloud/ng-mentions

Import the main module into your project:

import {NgMentionsModule} from "@nth-cloud/ng-mentions";

Import the module into your application:

import {NgMentionsModule} from "@nth-cloud/ng-mentions";

@NgModule({
    ...
    imports: [NgMentionsModule, ...],
    ...
})
export class AppModule {
}

If you are using SystemJS, you should adjust your configuration to point to the UMD bundle.

In your systemJS config file, map needs to tell the System loader where to look for ng-mentions:

map: {
   '@nth-cloud/ng-mentions': 'npm:@nth-cloud/ng-mentions/dist/bundles/ng-mentions.js'
}

Supported browsers

We strive to support the same browsers and versions as supported by Angular. Check browser support notes for Angular.

• Chrome (45+)
• Firefox (40+)
• IE (10+)
• Edge (20+)
• Safari (7+)

Big Thanks

Cross-browser Testing Platform and Open Source <3 Provided by Sauce Labs