How to update the model when going to the page?

Question

Angular

Hello!
Angular 1.6.9 question with enabled routing.
There is a "tree" of elements.
And on one of the pages we have code like this:

<a href="/#!/elements/{{ element.id }}/list">{{ element.name }}</a>

We need the model to change (the property is updated) when clicking on this link.
For example, if you change it like this:

<a ng-click="element.name='hello world'">{{ element.name }}</a>

That model name is updated - we have achieved the necessary behavior, but the truth does not follow the link - which is not good.
What is the way out of this situation? )
Thanks in advance :)

Answer 1

A simple trick worked:

<a href="/#!/elements/{{ element.id }}/list" ng-click="Ctrl.treeNavigate(element)">
    {{ element.name }}
</a>