Altere o conteúdo ao clicar com AngularJS

Se você precisa alterar o conteúdo de um elemento, seja ele um texto ou um ícone, com AngularJS é super fácil.

Só precisa definir uma variável para mudar a condição:

#the variable (and can be the name you want)
ng
-model="collapsed"
#change the condition on click :D
ng
-click="collapsed=!collapsed"

E a mágica acontece assim:

<button ng-model="collapsed" ng-click="collapsed=!collapsed">
<i ng-class="{'fa fa-angle-up':collapsed,'fa fa-angle-down':!collapsed}"></i>
</button>