My Directive Stops Working Combined With Another.. Angular.js

I have a directive to edit a field dynamically called 'click-to-edit'. If I click on an item, I can edit it without problems.

Solution 1:

The issue with ng-bind-html is that it replaces the directive's template, that is why you are not able to click inside the directive (original ng-click with toggle will not work), it doesn't contain the initial template. You should highlight the text somewhere inside your directives template, like:

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

, check this working jsfiddle.

Share

You may like these posts

• 
  Impossible Backbone Zombies
• 
  D3 - Passing Variable To X Scale
• 
  "You May Have An Infinite Update Loop In A Component Render Function" Warning In Vue Component
• 
  How To Implement Intervals In Protractor/selenium