Javascript 我的指令与另一个指令一起停止工作。。Angular.js

我有一个指令来动态编辑一个名为“点击编辑”的字段。如果我点击一个项目，我可以毫无问题地编辑它

<span ng-click="ignoreClick($event);" >
  <a href='' click-to-edit item="faq" ng-model='faq.pregunta'
     typeinput='textarea'>{{faq.pregunta}}
  </a>

我无法单击以编辑该字段

但过滤器对我来说很有用，可以突出显示。我需要不错过编辑字段的功能，而不会在突出显示文本时损坏它。我怎样才能解决这个问题

---

ng bind html的问题在于它替换了指令的模板，这就是为什么您不能在指令内部单击（原始的

ng click

带切换将不起作用），它不包含初始模板。 您应该突出显示指令模板中的某个文本，如：

<div class="hover-text-field" ng-show="!editState" ng-click="toggle()" ng-bind-html="model | highlight:search.pregunta"></div>

---

，检查此工作。

无意冒犯，但这是一个问得不好的问题。指令中的“模板”非常混乱，我发现您有很多与问题无关的注释。@ZombieChowder好的，我会更正它。@ZombieChowder nvm。我只是在写你的答案不知道。我只知道当您删除

.filter

时，一切都正常。您检查过我的JSFIDLE了吗？什么不适合你？我可以编辑打开的部分内的内容。为了允许编辑标题，我们还应该对其进行相同的更改-只需将

ng bind html

替换为

search=“search”

binding-。

<div class="hover-text-field" ng-show="!editState" ng-click="toggle()" ng-bind-html="model | highlight:search.pregunta"></div>