Angular call a function inside Ng repeat

Question

Hey. i have a ng repeat table (Sunday is a table)

and i have a function that takes a worker ID and returns a worker name that called GetWorkerName How do i call the function in the ng repeat without clicking the function? pls help me :)

        $scope.GetWorkerName=function(workerid){
        $http.get("/ShiftWeb/rest/worker/getworkername?id="+workerid)
            .then(function(response){
                $scope.getWorkerName=response.data;
            })
        };

HTML:

--

<table class="table table-bordered table-striped">
<tr>
    <th>Sunday</th>
</tr>
<tr ng-repeat="settingtime in settingtimes | orderBy:'time' | 
filter:by_shiftDay" ng-if="settingtime.shiftDay=='SUNDAY'">
    <td>
    {{settingtime.time}}
    </br>
    <div style="border: 1px solid red" ng-repeat="sidor in nextsidor" ng- 
 if="sidor.shiftTime==settingtime.id">
    Worker: {{sidor.worker}}
    {{getWorkerName}}
    </br>
    Role : {{sidor.role}}

    </br><button class="btn btn-primary" ui-sref="sidor" ng- 
click="RemoveShift(sidor.id)">Remove Shift</button>
    </div>
    </br><button class="btn btn-primary" ui-sref="sidor" ng- 
click="CreateShift(settingtime.id)">Create Shift</button>
</tr>
</table>

Stradosphere · Accepted Answer · 2018-07-06 03:45:31Z

1

What you probably want to do is create a directive that can take the ID and return whatever data you want. Then you can reuse this in other places.

Using the directive:

<worker id="231"></worker>

Defining the directive:

(function(){

    angular.module('example').directive('worker', ['workerService', function(workerService){

        function link($scope, element, attrs) {
            $scope.workerName = workerService.getName(attrs.id);
        };

        return {
            template: '(<span>{{ workerName }}</span>)',
            link: link
        };

    }]);

})();

edited Jul 6, 2018 at 3:45

answered Jul 6, 2018 at 2:17

Stradosphere

1,2853 gold badges14 silver badges40 bronze badges

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

2 Comments

Yair Gabbay Over a year ago

thank you very much can you please tell me what is attrs?

Stradosphere Over a year ago

attrs is the attributes that get passed in on the directive. In this case just the id. But you can pass in more attributes if you wanted, and then they would be available on the attrs object in this example.

Collectives™ on Stack Overflow

Angular call a function inside Ng repeat

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related