Как перенаправить на главную Angular?

Question

[Денис Денис]

Всем привет!
На ссылке
angular.js-example/#
показывается список задач

На ссылке
angular.js-example/#/tasks/12
показывается детальное описание задачи

Чтобы возвращаться на главную сделал директиву

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

По идее должно должно редиректить на главную.
Почему не работает?
Можно, конечно, написать history.back() но тогда те, кто пришел через angular.js-example/#/tasks/12 будут уходить с сайта
Спасибо

Answer 1

[Николай]

1. Зачем вы вешаете event через DOM?
Повесьте через ng-click.
2. Попробуйте $location.path('/');
3. Я понимаю что вы это для обучения делаете, но лучше сразу начинать пользоваться angular-ui-router, т.к. там есть много очень нужного функционала.

Comments

[Денис Денис]

Спасибо за ответ.
Нет, не работает. Блин, ведь должно же.
Если тупо window.location = "/"; то кидает с перезагрузкой
Может, ошибка в контроллере?

[Николай]

Денис Денис: эта строчка в принципе выполняется?

[Денис Денис]

Если я правильно понимаю, то так как если я заменяю$location.path('/'); на window.location = "/"; то выполняется

[Денис Денис]

Кажется понял. Нужно вызвать $digest, потому что если я изменяю текстовый инпут, то работает
Все. так работает

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

[Николай]

Денис Денис: в консоли ошибок нет? У вас код не мимифается? попробуйте заинжектить location нормально, т.е. ['$location', function($location) {} ]

[Николай]

Денис Денис: ааа......Кажется я понял в чём дело: попробуйте $scope.$apply() сделать в эвенте.

[Николай]

Денис Денис: лучше конечно переписать это через ng-click и делать всё в controller а не в link функции, тогда и $apply не придется вызывать. И если уж вызываете $apply - лучше так: $scope.$apply($location.path('/'));

[Денис Денис]

Спасибо за помощь. С наступающим!

Answer 2

[Денис Денис]

сам догнал.
Нужно вызвать цикл $digest

Итого рабочий код

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