Search code examples
javascriptangularjsangularjs-directiveangular-strap

AngularStrap tooltip disables my custom directive

I am trying to get the bs-tooltip AngularStrap directive to work with my own custom directive called "checkStrength" which checks the strength of a password. When using either of these directives alone, they work fine, but they won't work together.

This is a plunker with the bs-tooltip. The tooltip works fine but my custom "checkStrength" directive does not work.

This is a plunker without the bs-tooltip. In this case the "checkStrength" directive works fine.

What am I doing wrong?

Solution

  • On your input element you have to use the following:

    ng-model="$parent.pw"

    bs-tooltip creates an isolated scope on the element its bound to.

    Working Example: Plunker