Ionisches konditionelles ng-src von ng-repeat

Question

Ich möchte das entsprechende Avator-Bild basierend auf dem Zustand einer Person von Personen auf einer ng-Wiederholungsliste anzeigen. Der folgende Code ist die Anzeige nicht die avator Bilder:

$scope.getAvator = function (person) { 
    if (person.group_id == 1) { 
    return '1.png' 
    } 
    else if (person.group_id == 2) { 
    return '2.png' 
    } 
    else if (person.group_id == 3) { 
    return '3.png' 
    }; 
}; 

und in der Ansicht:

<a class="item item-avatar" ng-repeat="person in people"> 
    <img ng-src="img/class-avators/{{getAvator}}"> 
    <h3>{{person.name}}</h3> 
    <p>{{person.class }}</p> 
</a> 

Answer 1

Versuchen mit getAvator()

<a class="item item-avatar" ng-repeat="person in people"> 
    <img ng-src="img/class-avators/{{getAvator(person)}}"> 
    <h3>{{person.name}}</h3> 
    <p>{{person.class }}</p> 
</a>