懸停和激活時的離子變化側菜單圖標

Question

在我目前的項目中，我想添加一個帶有圖標的側面菜單。 對於離子列表中的每個元素，我有兩個圖標，一個用於普通視圖，另一個用於當側邊菜單列表中的元素懸停或點擊時的其他圖標。

我試過了在互聯網上找到的多個選項，但沒有任何效果。

首先，這是可能的嗎？

就近到我想要的是這個例子：

http://bootsnipp.com/snippets/featured/side-menu-on-hover

，但只有我有兩個獨立的PNG文件更改圖標的顏色越深，在我的情況。

謝謝。

Answer 1

，我發現最簡單的方法是用控制器：

在我的應用程序控制器

$scope.homeimg = 'img/menu/iconos/home.png'; 
$scope.MenuTouch = function(){ 
    $scope.homeimg = 'img/menu/iconos/home_active.png'; 
}