How to change specific icon on click in ionic 2

I have some fb type cards in my page & each card has a favourite button which is ion-icon . i want to show heart when its favourite and heart-outline icon when its not. i get this done by using <ion-icon [name]="notice.isFav ? 'heart' : 'heart-outline'" (click)="notice.isFav = !notice.isFav"></ion-icon> it displays correctly, but doesnt change on click event. is there a problem in my code? or there is a better way to achieve this?