AngularJS disable ng-click when a variable equals

Question

<span class="column__list--total fa" ng-class="{'fa-check': skill.done == 1, 'fa-times red': skill.done == 0}" ng-click="skill.disabled || toggleSkill(skill.id, person.id)" ng-hide="$root.user[0].auth == 2"></span>

<span class="column__list--total fa" ng-class="{'fa-check': skill.done == 1, 'fa-times red': skill.done == 0}" ng-show="$root.user[0].auth == 2"></span>

At the moment I am using the above, they are equally the same but one will be hidden using ng-hide when a variable equals 2

The reason being I want to disable ng-click on the element.

Do I need to keep it as two separate elements or is it possible to disable ng-click when $root.user[0].auth == 2

Denis · Accepted Answer · 2014-09-25 15:40:17Z

2

You already have a condition in your ng-click, why not add another?

ng-click="$root.user[0].auth == 2 || skill.disabled || toggleSkill(skill.id, person.id)"

answered Sep 25, 2014 at 15:40

Denis

5,2911 gold badge23 silver badges22 bronze badges

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

Comments

Patrick Reck · Accepted Answer · 2014-09-25 15:40:56Z

0

You can just do return; in your toggleSkill() before executing any other code.

$scope.toggleSkill = function(skill.id, person.id) {
    if ($root.user[0].auth == 2) {
        return;
    }

    // Rest of your code
}

answered Sep 25, 2014 at 15:40

Patrick Reck

11.4k11 gold badges57 silver badges88 bronze badges

Collectives™ on Stack Overflow

AngularJS disable ng-click when a variable equals

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