how to add ng-dbclick if condition is verified angularjs?

Question

I want to inject ng-dbclick if just a condition is true :

<li ng-if="condition ? ng-dblclick='event()':nothing">

Thanks.

Another solution could be to check the condition insde the onclick call. Something like
Possible duplicate of [AngularJS Disable ngClick](https://stackoverflow.com/questions/51845858/angularjs-disable-ngclick/51846416#51846416) — georgeawg, Aug 16 '18 at 15:18
@LeonardoNeninger You should add that as an answer. Then you will get points when people upvote it. I like solutions that remove the clutter from the HTML. — georgeawg, Aug 16 '18 at 15:43

score 3 · Answer 1 · answered Aug 16 '18 at 14:59

3

You can simply do this :

<li ng-dblclick="condition && event()">...</li>

answered Aug 16 '18 at 14:59

la3roug

score 1 · Answer 2 · answered Aug 16 '18 at 14:24

1

You'll need to create two li's

<li ng-if="condition" ng-dblclick="event()">
  <your-component />
</li>
<li ng-if="!condition">
  <your-component />
</li>

Otherwise you'll need to compile the template and do it on the javascript and not on the template. You can take a look at the following: Dynamically Import Component From Variable (AngularJS)

answered Aug 16 '18 at 14:24

Marlon Barcarol

Seems like alot of overhead to disable a double-click handler. This code adds two watchers and destroys and un-destroys a component. Also the `ng-if` directive adds a child scope. It's like tearing out a light fixture and replacing it when you want light in a room. Simply add an on-off switch. – georgeawg Aug 16 '18 at 15:27
I could understand and agree with everything except for `Simply add an on-off switch`. What do you mean with that? As a suggestion to the author of the question I would say that https://stackoverflow.com/a/51880094/3483221 is the one that is way more performative – Marlon Barcarol Aug 16 '18 at 15:54

2 Answers2