Changing Element Colour on Hover AngularJS

Question

So, I\'m just getting started with angularjs and I\'m already confused. I want to change the colour of a list element that corresponds to a hex code colour that is in an array.

Answer 1

In Angular, there is not ng-hover directive, so you should use ng-mouseenter & ng-mouseleave to simulate it.

    

            {{i.person_name}}
    

And you should use $index to get your element in persons Array

$scope.changeColor = function() {
    $scope.personColour = { 'color': '#' + $scope.persons[$index].color };
                           // or 'background-color' whatever you what
}

$scope.recoverColor = function() {
    $scope.personColour = {};
}