How to trigger multiple actions on conditional ng-click

Question

I have the following jsfiddle code: http://jsfiddle.net/838SY/1/

My question is how can I make the following ng-click to set the isEditable only for the clicked entry and at the same time call the edit(object) method?

<span ng-click="flag == true||(isEditable=!isEditable)">

I've tried this:

<span ng-click="flag == true||(isEditable=!isEditable; edit(object))">

Doesn't work.

I've tried:

<span ng-click="flag == true||edit(object)">

and at the edit method level I defined :

$scope.isEditable=!$scope.isEditable;

this approach will set the isEditable value for all the list elements, which is not what I want. I only want it set for the clicked element.

Any ideas?

Thanks.

Goodnickoff · Accepted Answer · 2014-03-05 13:40:02Z

1

You can use this sintax: flag == true? edit(object):false

answered Mar 5, 2014 at 13:40

Goodnickoff

2,2671 gold badge17 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Yonoss Over a year ago

And how do I control the value of isEditable if I'm using this syntax? I'm hitting the same problem with this approach.

Yonoss Over a year ago

Thank but i believe you misunderstood my question. My initial example is doing exactly this.

Yonoss Over a year ago

What i need is something like this:

Yonoss Over a year ago

<span ng-click="flag == true?isEditable=!isEditable;edit(object):false"> {{flag}}-{{object.text}}</span>

Yonoss Over a year ago

This will not be accepted by angular but I hope you can understand what i want to do

|

Lalit Sachdeva · Accepted Answer · 2014-03-05 13:45:26Z

0

    <div ng-show="!isEditable">
       <input type="text" ng-model="object.text" ng-blur="isEditable!=isEditable;update(object);edit(object);" />
    </div>

This will call the multiple methods when the user get blurred from the text box.So, by this you can specify the multiple methods that need to be called on the blur event of the text box

answered Mar 5, 2014 at 13:45

Lalit Sachdeva

6,6612 gold badges22 silver badges25 bronze badges

1 Comment

Yonoss Over a year ago

My problem is with the <span ng-click="flag == true||(isEditable=!isEditable)"> {{flag}}-{{object.text}}</span> not with the input tag.

Collectives™ on Stack Overflow

How to trigger multiple actions on conditional ng-click

2 Answers 2

8 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related