at.js in angular js need help

[gvkweb]

Hi all,
I am new this, here using ng-repeat to render data. here I want to add @ who dropdown

I am trying like

  <div ng-reapet ="user_data in data">
      {{data.content}}
				<input type="text" ng-model="user_content"  class="user_content"  id="user_content" >
				
			</div>

 <script>
      $(function(){
$.fn.atwho.debug = true

var jeremy = decodeURI("J%C3%A9r%C3%A9my") // Jérémy
var names = ["Jacob","Isabella","Ethan","Emma",,"Emily","Daniel","Madison"];

var names = $.map(names,function(value,i) {
  return {'id':i,'name':value,'email':value+"@email.com"};
});
var emojis = $.map(emojis, function(value, i) {return {key: value, name:value}});

var at_config = {
  at: "@",
  data: names,
  headerTpl: '<div class="atwho-header">Member List<small>↑&nbsp;↓&nbsp;</small></div>',
  insertTpl: '${name}',
  displayTpl: "<li>${name} <small>${email}</small></li>",
  limit: 200
}

$inputor = $(".user_content").atwho(at_config);
$inputor.caret('pos', 47);
$inputor.focus().atwho('run');   

});
</script>