How to redirect to main Angular?

Question

Angular

Hello!
The link
angular.js-example/#
shows a list of tasks
The link
angular.js-example/#/tasks/12
shows a detailed description of the task
To return to the main one made a directive

taskApp.directive('backButton', function ($location) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.on('click', function () {
                $location.url('/')
            });
        }
    };
});

In theory, it should redirect to the main one.
Why does not it work?
You can, of course, write, history.back()but then those who came through angular.js-example/#/tasks/12 will leave the site
Thank you

Answer 1

1. Why are you posting the event via the DOM?
Hang through ng-click.
2. Try $location.path('/');
it 3. I understand that you are doing this for learning, but it's better to start using angular-ui-router right away , because There is a lot of much needed functionality there.