angularjs - refresh when clicked on link with actual url

Question

I use routeProvider to define controlers and templates for my urls.

When I click on the link, which has the same url as is the actual location, nothing happens. I w

Answer 1

I tried Wittaya's solution above using directive approach. Somehow the directive keeps throwing error. I end up with this solution

HTML

Devices

Controller

    $scope.stateGo = function (stateName) {
        if ($state.$current.name === stateName) {
            $state.reload();
        } else {
            $state.go(stateName);
        }
    }