Angular：如何在ng-repeat指令中使用自定义函数？

Question

Here is my Template:

...
<tr data-ng-dblclick="getCandidateInfo()"
    data-ng-class="{'black-list': candidate.bl}"
    data-ng-repeat="candidate in candidates | orderBy : orderByField : reverseSort">
    <td >{{candidate.fullnameEN}}</td>
    <td>{{candidate.birthDate}}</td>
    <td>{{candidate.phone}}</td>
    <td>{{candidate.email}}</td>
    <td>{{candidate.skype}}</td>
    <td><span ng-show="candidate.bl" class="glyphicon glyphicon-ok"></span></td>
</tr>
...

Question: how to apply custom function convertDate() to {{ candidate.birthDate }} inside the loop?

Answer 1

I would recommend you to either use the built in " date $filter " or if you are doing something VERY unique and the "date $filter " is not good enough for you, then you could create your own $filter , like this:

app.filter('convertDate', function () {
    return function (date) {
        if (!date) return "";
        var result;
        //your code here    
        return result;
    };
});

And you could use it like this in your template:

{{candidate.birthDate | convertDate}}

Answer 2

You can easily do it...

define a function in your controller as :

$scope.convertDate = function(date){
   var convertedDate;
   //convert date here and assign to convertedDate
   return convertedDate;
}

then in view ,

<td>{{convertDate(candidate.birthDate)}}</td>