@ имя тега в угловых js с at.js

Question

Я пытаюсь создать поле для комментариев с тегами пользователей, используя at.js в угловых. Но здесь нет ответа для этого кода на самом деле

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

$(function(){
          $.fn.atwho.debug = true;
            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 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');  

Answer 1

Вам нужно убедиться, что вы запускаете код atwho после того, как AngularJS завершит цикл рендеринга.

для меня я использую компонент AngularJS с $timeout, чтобы убедиться, что цикл рендеринга завершен, или вы можете использовать $postLink.

$timeout(function () {
      atWhoWrapper.draw(element, atWhoOptions, otherCopyOptions);
}, 100);

Проверьте мой компонент для переноса на строку 345.