Calling function without using ng-click inside ng-repeat- AngularJS

Question

I have following code:

<div ng-repeat="dateDetails in visitsDates | orderBy : dateDetails.date | filter : contactid | limitTo : 1">
    <tr>
        <td>Joint Work</td>
        <td>{{dateDetails.joint_work}}</td>
    </tr>
    <tr>
        <td>Gap</td>
        <td><a href="" ng-click="gap(dateDetails.date)">Click Me</a></td>
    </tr>
</div>

in above code, I have put ng-click, after which the function is called. But the function has to be called by default so as to populate one of the columns, which is not happening. the function 'gap' sets $scope.gap to the difference between today's date and the date passed to it. How should I fix the problem?

I suggest to pre-manipulate visitsDates, use Array#map

Ilan Frumer
– Ilan Frumer

2014-06-12 06:39:55 +00:00
Commented Jun 12, 2014 at 6:39 — Ilan Frumer
– Ilan Frumer, Commented Jun 12, 2014 at 6:39

Darshan Joshi · Accepted Answer · 2014-06-12 06:31:35Z

4

If you have to do it with markup you can use ng-init

Also, from the same link, can't you set up initial value using your controller?

answered Jun 12, 2014 at 6:31

Darshan Joshi

3621 silver badge11 bronze badges

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

1 Comment

Ru11 Over a year ago

Thanks @Darshan, it worked using ng-init.. thank you so much :)

Sacky San · Accepted Answer · 2016-02-15 03:08:01Z

I achieved this function call inside ng-repeat by using ng-init

<td class="lectureClass" ng-repeat="s in sessions" ng-init='presenters=getPresenters(s.id)'>
      {{s.name}}
      <div class="presenterClass" ng-repeat="p in presenters">
          {{p.name}}
      </div>
</td>

The code on the controller side should look like below

$scope.getPresenters = function(id) {
    return SessionPresenters.get({id: id});
};

While the API factory is as follows:

angular.module('tryme3App').factory('SessionPresenters', function ($resource, DateUtils) {

        return $resource('api/session.Presenters/:id', {}, {
            'query': { method: 'GET', isArray: true},
            'get': {
                method: 'GET', isArray: true
            },
            'update': { method:'PUT' }
        });
    });

Collectives™ on Stack Overflow

Calling function without using ng-click inside ng-repeat- AngularJS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related