Ternary condition in ng-click angular js

Question

In HTML I have a button and I am using ng-click event on it, like this:

ng-click="!user.name : openModel('lg') ? ''"

I am saying if user.name is not defined then call the function called openModel() else do nothing.

But it is generating the error

Error: $parse:syntax
Syntax Error

Syntax Error: Token ':' is an unexpected token at column 33 of the expression [!user.name :] starting at [{4}].

So what is wrong here?

Thanks.

Slava.K · Accepted Answer · 2017-01-19 06:07:04Z

3

The correct syntax would be ng-click="!user.name ? openModel('lg') : angular.noop()". angular.noop() is a function that peforms no operations.

answered Jan 19, 2017 at 6:07

Slava.K

3,0803 gold badges19 silver badges28 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2017-01-19 06:02:07Z

3

Don't put any Condition Expression in Template. Do it in the controller code,

ng-click="openModel('lg')"

Controller:

$scope.openModel = function(value) {
    if ($scope.name) {
       Open();
    }
}

answered Jan 19, 2017 at 6:02

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges