Data-binding arguments of a function with AngularJS in ng-click

Question

I am using ng-click to call a function with arguments I get from the $scope. Unfortunately either are the arguments not processed from angular or I get this error:

Error: [$parse:syntax] Syntax Error: Token ':' not a primary expression at column 1 of the expression [:notification] starting at [:notification].

HTML snippet that results in error:

<div ng-click="goToNotif({{notification.id}})"></div>

HTML snippet not being processed from angular:

<div ng-click="goToNotif(notification.id)"></div>

IMPORTANT: notification is parsed from a repeat

<div(ng-repeat="notification in notifications")></div>

the second one should definitely work ..make sure you defined goToNotif as $scope.goToNotif=function(){} — Srinath Mandava
– Srinath Mandava, Commented Jun 7, 2014 at 20:45
don't use expression syntax {{ }}for arguments of a scoped function — charlietfl
– charlietfl, Commented Jun 7, 2014 at 23:18

Manvi · Accepted Answer · 2014-06-08 09:42:36Z

9

Here is the code for index.html, define "notifications" seperately -

<div ng-app="MyApp">
    <div ng-controller="MainCtrl">
    <div(ng-repeat="notification in notifications")>
        <div ng-click="go(notification.id)"></div>
    </div>
</div>
</div>

In main.js -

var app = angular.module('MyApp', []);

app.controller('MainCtrl', function($scope) {
$scope.go = function() {
//write code here.
}
});

answered Jun 8, 2014 at 9:42

Manvi

7756 silver badges2 bronze badges

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

1 Comment

Jester Over a year ago

I was trying to do this inside a directive template and everything else uses the binding syntax ( {{id}} ).....EXCEPT this part - was banging my head on the desk......thanks!

Collectives™ on Stack Overflow

Data-binding arguments of a function with AngularJS in ng-click

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related