conditional dynamic tooltips (directives)

[Matjaž Lipuš]

Depending of one directive logic I want conditionally add tooltip

• I use 3rd party tooltip directive
• add tooltip only if some condition is met
• do not initialise tooltip directive if it's not necessary

Here is a demo: http://plnkr.co/edit/x5DpP8G6imJ3yeXbdZhW?p=preview

I want to dynamically add tooltip (or any other directive) ONLY IF condition is met.

[Matjaž Lipuš]

I have created an alternative with $compile/priority/terminal

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

Which one do you prefer and is there a better way?

[Justin Walsh]

Hi Matjaz

I prefer the plunkr with the more expressive HTML, i.e.

    <div ng-repeat="item in items">

       <div custom-text="item.text" class="item"></div>

    </div>

... since the intent is clearer whjen you read the HTML

I believe you could simplify this slightly though - do you really need the compile function?

To take it a step further, if your intent is just to add a conditional tooltip, wouldn't a custom-tooltip directive be more expressive? 

.. but perhaps the experts can help out here .. see http://plnkr.co/edit/yRyJfizz5TusTRI9Hr7V?p=preview

[Matjaž Lipuš]

Hi Justin,

I want conditional directives (tooltips) inside other directive. As plnks shows.

I used $compile because I don't know how can I otherwise add dynamic directive?

Thanks for the plunk, I have tweaked it so I can read text: http://plnkr.co/edit/qN1OCgP8mGn0dlOhB5BK?p=preview

But again, how can I conditionally add ui.bootstrap.tooltip directive?