Setting ng-click in ng-repeat dynamically

Question

I have a lot of data within ng-repeat. It looks like table with many rows and columns. I want to put ng-click directive on some of cell of table.

Can i put some condition before ng-click directive? If this condition is true - I want to put the directive, otherwise - not to put.

you can always put ng-click but neutralize it with a ng-disabled — Ivan Chernykh
– Ivan Chernykh, Commented Oct 17, 2013 at 20:24

Romeo Mihalcea · Accepted Answer · 2013-10-17 20:26:47Z

1

I think you should just put the directive in there and pass it a condition as a parameter which returns boolean. In the directive compile function check if your parameter is right and decide from there what you load.

answered Oct 17, 2013 at 20:26

Romeo Mihalcea

10.4k13 gold badges61 silver badges107 bronze badges

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

Comments

Erik Grosskurth · Accepted Answer · 2017-04-05 20:07:51Z

0

Maybe this is what you were looking for?

<ul class="menuItems">
            <li ng-repeat="item in menuItems">
                <div ng-if="item.type == 'link' ">
                    <a href="item.url" title="item.description">{{item.name}}</a>
                </div>
                <div ng-if="item.type == 'function' ">
                    <span ng-click="function(item.command)" title="item.description">{{item.name}}</span>
                </div>
            </li>
        </ul>

answered Apr 5, 2017 at 20:07

Erik Grosskurth

3,9425 gold badges32 silver badges45 bronze badges

Collectives™ on Stack Overflow

Setting ng-click in ng-repeat dynamically

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related