@codemotion/angular-mention

Mentions for Angular

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
00Sep 24, 2017Sep 24, 2017Minified + gzip package size for @codemotion/angular-mention in KB

Readme

angular-mention

Build Status Coverage Status

@mentions and macros widget based on AngularJS.

To get started, add the following to your Controller to set up a scope variable called people:

$scope.people = [
    {label: 'Joe'},
    {label: 'Mike'},
    {label: 'Diane'}
];

Then add this to your html:

<input
    type="text"
    data-mentio
    data-mentio-typed-text="typedTerm"
    data-mentio-items="people | filter:label:typedTerm"
    data-ng-model="myval"
/>

Now you can type @ into your text field, and see a menu of choices.

There are many other options, including the ability to have multiple trigger characters, templates, binding your menu to an API, converting the selected item to markup, and more.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.