ng-repeatからのIonic条件付きng-src

Question

ng-repeatリストの人からの人の条件に基づいて適切なavator-imageを表示します。

$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' 
    }; 
}; 

およびビューで：次のコードはavator画像を表示されていない

<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

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>