Я использую Ionic и хочу динамически изменять цвет фона каждого элемента в <ion-list>
на основе данных. Я думал, что сделаю это с помощью вызова функции, чтобы вернуть правильный класс
<ion-list>
<ion-item ng-repeat="singleCase in allCases" ng-class="getBackgroundColour(singleCase)" class="item-avatar">
<h2>{{singleCase.date}}</h2>
<p>{{singleCase.caseType}}</p>
</ion-item>
</ion-list>
В настоящий момент это контроллер
.controller('AllCasesCtrl', ['$scope', '$log', 'dummyData', function($scope, $log, dummyData) {
$scope.allCases = dummyData.cases;
$scope.getBackgroundColour = function(singleCase){
$log.log("getBackgroundColour called...singleCase type: " + singleCase.speciality);
var colourMap = {
speciality1: "speciality1Class",
speciality2: "speciality2Class",
speciality3: "speciality3Class"
};
return colourMap[singleCase.speciality];
};
}])
При проверке консоли функция getBackgroundColour()
вызывается 7 раз для каждого <ion-item>
в списке. Почему это, и я должен избегать использования вызова функции в ng-class
?