Не удалось выполнить 'setStart' в 'Range': параметр 1 не относится к типу 'Node' при использовании @mentio более одного на странице?

Question

Я использую textAngular Wysiwyg/Text-Editor с библиотекой @mentio, когда я использовал директиву более одной на одной странице html, вызывающей ее проблему. Я пытался использовать контекстное-редактор для упоминанием ид до сих пор не смогли разрешить проблему

<mentio-menu mentio-for="'content-editor-{{$id}}'" 
     mentio-trigger-char="'@'" 
     mentio-items="people" 
     mentio-template-url="/iterator.tpl" 
     mentio-search="searchPeople(term)" 
     mentio-select="getPeopleText(item)"> 

var directiveDefinitionObject = { 
     restrict: 'E', 
     templateUrl: "app/partials/textAngular-mention-template/replyTextAngularWithMentio.html", 
     require: '^ngModel', 
     scope: { 
      ngModel: '=' 
     }, 
     controller: ['$scope', function ($scope) { 
       $scope.setup = function (element) { 
        element.attr('mentio', 'mentio'); 
        element.attr('mentio-typed-term', 'typedTerm'); 
        element.attr('mentio-require-leading-space', 'true'); 
        element.attr('mentio-id', "'content-editor-{{$id}}'"); 
       }; 

Answer 1

Так я решил этот вопрос был, написав функцию, чтобы вернуть mentio-за значение.

<mentio-menu mentio-for="getContentId()" 
    mentio-trigger-char="'@'" 
    mentio-items="people" 
    mentio-template-url="/iterator.tpl" 
    mentio-search="searchPeople(term)" 
    mentio-select="getPeopleText(item)"> 

Тогда на вашей директиве, создать такую ​​функцию:

$scope.getContentId = function() { 
       return 'content-editor-' + $scope.id; 
      };