AngularJs multiple ng-click

Question

I have tried to do the following:

<accordion-heading ng-click="doSomething(); isopen=!isopen">

Should this work? or is it not possible to string there call together?

ng-click="doThis(param); doThat(param);"

I just need pointed in the right direction :-)

EDIT:

this:

ng-click="doThis(param); doThat(param);"

works as expected, I think it is:

isopen=!isopen

that is causing the problem, I realise I didn't say this initially.

I go around this by adding an extra div into the accordion heading, like this:

<accordion-heading ng-click="isopen=!isopen">
    <div ng-click="showMainView()">
        <i class="glyphicon" ng-class="{'glyphicon glyphicon-minus': isopen, 'glyphicon glyphicon-plus': !isopen}"></i>
        {{item.model}}<br>{{item.model_engine}}
    </div>
</accordion-heading>

Community · Accepted Answer · 2017-05-23 12:02:51Z

3

possible !! possible !! possible !! possible !! possible

You can call multiple functions with ';'

See here

Using ng-click to call two different functions

How to add many functions in ONE ng-click?

How to use ng-click with multiple expressions?

edited May 23, 2017 at 12:02

CommunityBot

11 silver badge

answered May 8, 2014 at 6:35

user3559224

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

Comments

haimlit · Accepted Answer · 2014-05-08 06:36:46Z

1

It works:

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

However be careful not to do too much logic in there. You should put the logic in the controller and only call it from the view. (isopen = !open for example doesn't belong on the view)

answered May 8, 2014 at 6:36

haimlit

2,6022 gold badges24 silver badges26 bronze badges

Collectives™ on Stack Overflow

AngularJs multiple ng-click

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related