pass AngularJS object value from ng-repeat to AngularJS function

Question

I am trying desperately to pass a Angular object value onto a function. The various attempts have resulted in no progress, and the only time I got it to work properly when I hard code the values.

The MVC View:

<tr ng-repeat="project in projects | filter:search:strict">
<td><span><a style="cursor:default" title="Ändra i projektet.." id="{{project.id}}" data-ng-click="opents('/EditProject/', '{{ project.id }}')">{{ project.id }}</a></span></td>

The Angular function:

$scope.opents = function (tsUrl, id) {
        alert('/EditProject/'+ $attrs);
        alert(tsUrl);
        alert(id);
        alert(tsUrl + id);
        TINY.box.show({ url: tsUrl + id });
    };

I've tried to recieve different values from the invoke in the view, hence the many alerts. Can't find a solution for this from the web and hope someone knows of a solution.

You can not set any JS code in your ng-click. Typically "alert" does not work. It is a specific JS minimalist processor served by Angular. The angular way is to embed Jquery or any external code in a directive. Otherwise is it not taken into account during the angular digest, and your ng-repeat is not aware of you DOM changes outside of a directive... — benek
– benek, Commented Oct 1, 2014 at 9:24

Jevgeni · Accepted Answer · 2014-10-01 06:13:00Z

2

Try:

ng-click="opents('/EditProject/', project.id)"

answered Oct 1, 2014 at 6:13

Jevgeni

2,5741 gold badge18 silver badges18 bronze badges

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

7 Comments

Jevgeni Over a year ago

Please help to understand me what do you mean :) docs.angularjs.org/api/ng/directive/ngClick

Joel Wahlund Over a year ago

I just now used a HttpUtility to pass {{ project.id }} to get the proper convertion when invoking the function. So it gets it into a javascript string. Now the problem is the function itself is not receiving that value but instead the text {{ project.id}}, so problem remains... :-)

Jevgeni Over a year ago

project.id should be passed to opents without quites and without {{ symbols. Can you update the code?

Joel Wahlund Over a year ago

that unfortunately doesnt. If you saw my previously answer I checked the wrong property...sorry :-)

Jevgeni Over a year ago

Thing is, that contents of ng-click="..." is being evaluated as usual Javascript, no additional {{, neither encoding needed. And "project" variable also acts as usual JS variable. Just update the code to see why it's not working :) Or even better try using JSFiddle? jsfiddle.net

|

Joel Wahlund · Accepted Answer · 2014-10-01 10:39:14Z

0

UPDATE:

From the view I used $event instead.

ng-click="opents('/PopUp2/EditProject/', $event)

and in the function:

$scope.opents = function (tsUrl, e) {
        var id = e.currentTarget.innerText;
        TINY.box.show({ url: tsUrl + id });

and got a functional respons. Hope this helpt someone else!

answered Oct 1, 2014 at 10:39

Joel Wahlund

2711 gold badge3 silver badges13 bronze badges

1 Comment

Jevgeni Over a year ago

That's a pretty tricky approach. I wonder why does not it work with just ng-click="opents('/PopUp2/EditProject/',project)" and then $scope.opents = function(tsUrl,model) { var id = model.id; ... ?

Collectives™ on Stack Overflow

pass AngularJS object value from ng-repeat to AngularJS function

2 Answers 2

7 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

1 Comment

Related