angular-ui-mention/example/example.es6.js

Facebook-like @mentions for text inputs built around composability

angular.module('example', ['ui.mention'])
.run(function($rootScope){
  $rootScope.post = {
    message: 'hi there @k'
  };
})
.directive('mentionExample', function(){
  return {
    require: 'uiMention',
    link: function($scope, $element, $attrs, uiMention) {
      /**
       * $mention.findChoices()
       *
       * @param  {regex.exec()} match    The trigger-text regex match object
       * @todo Try to avoid using a regex match object
       * @return {array[choice]|Promise} The list of possible choices
       */
      uiMention.findChoices = function(match, mentions) {
        return choices
          // Remove items that are already mentioned
          .filter( choice => !mentions.some( mention => mention.id === choice.id ) )
          // Matches items from search query
          .filter( choice => ~`${choice.first} ${choice.last}`.indexOf(match[1]) );
      };
    }
  };
});

var choices = [
  { first: 'bob', last: 'barker', id:11123 },
  { first: 'kenny', last: 'logins', id:'123ab-123' },
  { first: 'kyle', last: 'corn', id:'123' },
  { first: 'steve', last: 'rodriguez', id:'hi' },
  { first: 'steve', last: 'holt', id:'0-9' },
  { first: 'megan', last: 'burgerpants', id:'ab-' },
];