如何在mentio textarea div中動態添加id

我想在我的項目中使用ment-io從http://jeff-collins.github.io/ment.io/#/examples.i已經實現了這個約100％，但這不能適用於此。如何在mentio textarea的DIV添加ID動態如何在mentio textarea div中動態添加id

我的代碼：

<div contenteditable mentio 
         mentio-typed-term="typedTerm" 
         mentio-macros="macros" 
         mentio-require-leading-space="true" 
         class="editor form-control" 
         id="htmlContent{{index}}" 
         ng-model="htmlContent"> 
        </div> 
        <mentio-menu 
          mentio-for="'htmlContent'" 
          mentio-trigger-char="'@'" 
          mentio-items="people" 
          mentio-search="searchPeople(term)" 
          mentio-select="getPeopleText(item)" 
          ></mentio-menu>

來源

2014-09-04 Jahir CU

問題是，當使用其中包含表達式的id時，在menito-menu指令嘗試定位元素時，它不會解決。解決此問題的一種方法是使用等待表達式解決的mentio-menu上的ng-if。

http://plnkr.co/edit/BUjixoaGZ8f54ZTv84bh?p=preview

<body ng-app="app" ng-controller="testCtrl"> 
    <div contenteditable 
     mentio 
     mentio-typed-term="typedTerm" 
     mentio-require-leading-space="true" 
     class="editor form-control" 
     id="{{'htmlContent' + index}}" 
     ng-model="htmlContent"> 
    </div> 
    <mentio-menu ng-if="index" 
     mentio-for="'htmlContent' + index" 
     mentio-trigger-char="'@'" 
     mentio-items="people" 
     mentio-search="searchPeople(term)" 
     mentio-select="getPeopleText(item)"> 
    </mentio-menu> 
</body>

或者，如果你想這樣做在ng-repeat你可以做這樣的事情：

http://plnkr.co/edit/JslXZ4ETZa3qFZyPMbAK?p=preview

<div ng-repeat="item in items"> 
    <div contenteditable 
     mentio 
     mentio-typed-term="typedTerm" 
     mentio-require-leading-space="true" 
     class="editor form-control" 
     id="{{'htmlContent' + $index}}" 
     ng-model="htmlContent"> 
    </div> 
    <mentio-menu ng-if="item" 
     mentio-for="'htmlContent' + $index" 
     mentio-trigger-char="'@'" 
     mentio-items="people" 
     mentio-search="searchPeople(term)" 
     mentio-select="getPeopleText(item)" 
    ></mentio-menu> 
</div>

來源

2014-09-05 07:05:13